angularjs значения не сохраняются в объеме от текстового поля

Question

У меня есть этот HTML код:

<div data-ng-controller="VehicleProfileController"> 

<modal title="Add Vehicle Info" visible="showVehicleInfo"> 
    <div class="container"> 
     <div class="col-xs-4"> 
      <div class="row"> 
       Title <input type="text" ng-model="NewVMPTitle" class="form-control"/> 
       Miles <input type="text" ng-model="NewVMPMiles" class="form-control"/> 
      </div> 
      <div class="row"> 
       <button ng-click="addVehicleData()" class="btn btn-success pull-right">Save</button> 
      </div> 
     </div> 
    </div> 
</modal> 

</div> 

Тогда в контроллере у меня есть это:

$scope.addVehicleData = function() { 
      alert($scope.NewVMPTitle + ' ' + $scope.NewVMPMiles); 
     }; 

Оба NEWVMPTitle и NewVPMMiles пустуют, это я что-то не хватает?

Благодаря, Лацьал

Answer 1

Я считаю, что лучше разбор параметра с нг-моделью к контроллеру вместо того чтобы использовать область, чтобы поймать значение от нг-модели

Title <input type="text" ng-model="item.title" class="form-control"/> 
Miles <input type="text" ng-model="item.miles" class="form-control"/> 

<button ng-click="addVehicleData(item)" class="btn btn-success pull-right">Save</button> 

и это для JS

$scope.addVehicleData = function (item) { 
    alert(item.title + ' ' + item.miles); 
};