我想创建一个带有数组的元素的绑定,当数组更改时,要更新的HTML。但是,这是行不通的。
的HTML
<body ng-controller="Game as game">
<div>
<span ng-bind="game.testString"></span>
</div>
<div>
<span ng-bind="game.testArray"></span>
</div>
<input type="button" ng-click="game.btnAddLetter()" value="Change">
</body>
JS
angular.module('notesApp', [])
.controller('Game', [function() {
var self = this;
self.testString = 'a';
self.testArray = ['a'];
self.btnAddLetter = function() {
self.testString = 'X';
self.testArray.push('X');
}
}]);
我预计两个范围将被更新,但是,仅的testString
已被更新。出于什么原因发生这种情况?如何解决这个问题呢?
您必须使用JSON
过滤器:
<span ng-bind="game.testArray | json"></span>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句