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