我想创建一个与数组元素的绑定(bind)，以便当数组更改时，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>
关于arrays - 为什么 ng-bind 不适用于数组？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38557856/