当输入通过方法调用更改时,angularjs手动引导不会更新属性值

时间:2016-02-12 10:12:46

标签: angularjs bootstrapping angularjs-ng-change

我遇到的问题是AngularJS应用程序在输入HTML字段中输入更改时没有更新结果。如果我将其转为自动引导,它确实按预期工作。我不知道我做错了什么?

这是JS文件。

angular.module('doublevalue', [])   
.controller('DoubleController', ['$scope', function($scope){
            $scope.value = 0;
            $scope.double = function(value) { $scope.value = value * 2; }
               }]);

angular.element(document).ready(function() { 
             var div3 = document.getElementById('App3');
                angular.bootstrap(div3, ['doublevalue']);

     });

JSFIDDLE版本:

https://jsfiddle.net/as0nyre3/48/

HTML文件:

<div id ='App3' ng-controller='DoubleController'>
                  Two controller equals
             <input ng-model='num' ng-change='double(num)'>
 <span> {{ value }}</span>  </div>

自动引导一个链接:

https://jsfiddle.net/as0nyre3/40/

请帮助我!

1 个答案:

答案 0 :(得分:0)

这样做有问题,你应该经常检查你的选择器

<div id="App3" ng-controller="myCtrl">
  <input type='text' ng-model='name' ng-change='change()'>
  <br/> <span>changed {{counter}} times </span>
</div>
<script>
  angular.element(document).ready(function() {
    angular.bootstrap(document.getElementById('App3'), ['myApp']);
  })
</script>