Question

我想要创建一个带有数组的元素的绑定，因为当更改数组时，要更新的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。出于什么原因发生了这种情况？如何解决这个问题？

Answer 1

您必须使用JSON过滤器：

<span ng-bind="game.testArray | json"></span>

为什么ng-bind不适用于数组？

1 个答案: