ручная автозагрузка angularjs не обновляет значение свойства при изменении ввода при вызове метода

Question

Проблема, у меня есть приложение 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> 

Auto самонастройки одна ссылка:

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

Пожалуйста, помогите мне!

Answer 1

Это работает, с проблемой, как, что вы всегда должны проверить селекторы

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