javascript - 数字输入中的 ng-model 不影响范围

Question

ng-model 不影响范围，我不明白为什么。

这是我的大部分 HTML:

<ion-view view-title="{{ inputType | uppercase | translate }}">

  <ion-content class="padding">

    <div class="list">
      <label class="item item-input">
        <input ng-model="amount" class="text-align-center" type="number" placeholder="{{ 'AMOUNT' | translate }}">
      </label>
    </div>

    <button class="button button-block button-stable" ng-click="okAmount()">{{ 'SAVE' | translate }}</button>

  </ion-content>
</ion-view>

这是我的大部分 Controller :

(function(){
  angular.module('mb')
    .controller('EnterAmountCtrl', ['$scope', '$state', '$filter', '$translate',
      function($scope, $state, $filter, $translate) {

        $scope.amount = '';

        $scope.okAmount = function() {
          console.log($scope.amount);
        };

      }]);
})();

我认为这不是一个范围问题。没有嵌套 Controller 。路由的处理方式如下:

    $stateProvider.state('enter-amount', {
      url: '/enter-amount/:inputType',
      templateUrl: 'templates/enter-amount.html',
      controller: 'EnterAmountCtrl'
    });

无论我在文本框中写什么，$scope.amount 仍然未定义。可能是什么原因造成的？

Answer 1

更新的答案:

根据 Sunil D 和 Dayan Moreno 对问题的评论，将原始值放入对象内是最好的方法，并且避免在代码中使用 $parent:

ng-model='object.amount'

只要子作用域中不存在对象，它就会引用父作用域中找到的对象变量并适本地设置金额值。

原始答案:

由于尚未使用 ion，我假设 ionView 或 ionContent 是创建自己范围的指令。

您正在设置子作用域的 value 属性，然后尝试访问父作用域的 value 属性。访问父范围的金额值可能会为您解决问题:

ng-model='$parent.amount'