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

angularjs manual bootstrapping does not update property value when input changes through method call

我遇到的问题是 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>

自动引导一个link:

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

请帮帮我!

这是有效的,但有这样的问题,您应该经常检查您的选择器

<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>