angularjs - Can not retrieve values from modal using ng-model in ionic -

this modal-profile.html

 <ion-modal-view>         <form name="itemedit" novalidate>             <ion-header-bar class="bar-positive fix-buttons">               <div class="row">               <a class="button  " ng-click="closemodal()">cancel</a>               <h1 class="title ">diary</h1>             </div>             </ion-header-bar>             <ion-content has-bouncing="true">               <div class="row" ng-class="{'no-padding-top': !data.edititem}">                 <div class="col">                   <label class="item item-input large">                     <input type="text" placeholder="title" ng-model="modeltitle">                   </label>                 </div>               </div>               <div class="row description-row">                 <div class="col">                   <label class="item item-input text">                     <textarea placeholder="description" rows="5" ng-model="modeldescription" ng-required="true" lose-focus-on-return></textarea>                   </label>                 </div>               </div>                  <button class="button" ng-click="adddetail()">add</button>                <div class="row charity-row">                 <div class="col col-10 vert-center">                   <div class="charity large"></div>                 </div>               </div>               </ion-content>           </form>       </ion-modal-view> 

this controller

.controller('chatsctrl', function($scope,$ionicmodal, chats,$state,$cordovasqlite) {      $scope.chats = chats.all();     $scope.remove = function(chat) {         chats.remove(chat);     }      $ionicmodal.fromtemplateurl('templates/modal-profile.html', {        scope: $scope,        animation: 'slide-in-up'     }).then(function(modal){        $scope.modal = modal     })      $scope.openmodal = function(){                 $scope.modal.show();     }      $scope.adddetail = function(){          alert($scope.modeltitle);         alert($scope.modeldescription);          var db = $cordovasqlite.opendb("diary.db");         var query = "insert details (title, description) values (?,?)";          $cordovasqlite             .execute(db, query, [$scope.modeltitle, $scope.modeldescription])             .then(function(res){                 alert("success");             }, function(err){                 alert(err);             });     } }) 

i want pass modeltitle,modeldescription parameters 'chatctrl'controller. put 2 alerts in adddetail() funtion check .but not showing value.can 1 me? in advance !

up have used, instead of using string in ng-model try object binding , retrieving value.

html:

      <div class="row" ng-class="{'no-padding-top': !data.edititem}">         <div class="col">           <label class="item item-input large">             <input type="text" placeholder="title" ng-model="obj.modeltitle">           </label>         </div>       </div>       <div class="row description-row">         <div class="col">           <label class="item item-input text">             <textarea placeholder="description" rows="5" ng-model="obj.modeldescription" ng-required="true" lose-focus-on-return></textarea>           </label>         </div>       </div>          <button class="button" ng-click="adddetail(obj)">add</button> 

js:

$scope.adddetail=function(object){            alert(object.modeltitle);            alert(object.modeldescription); } 

i got stack reference link here