javascript – Array-Änderungsproblem in AngularJS

Question

Ich bin kürzlich auf ein Problem beim Ändern eines Arrays mit AngularJS gestoßen. Der
HTML-Code lautet wie folgt

<span>title1</span>
<span>title2</span>

Der

js-Code lautet wie folgt

$scope.title1 = "标题1"
$scope.title2 = "标题2"
$scope.arrTitle = [$scope.title1, $scope.title2];

//我试着修改 
$scope.arrTitle[0] = "xx";

Aber $scope.title1 wird nicht geändert? $scope.arrTitle[0] sollte beim Drucken $scope.title1 sein? Könnten Sie mir bitte einen Rat geben, wie ich es ändern kann? Danke.

Answer 1

$scope.arrTitle已经是一个新的变量了（数组）

你修改$scope.arrTitle[0],只是修改其第一个元素的数据。

$scope.arrTitle = [$scope.title1, $scope.title2];只是给数组赋初始值而已。

你希望改变$scope.arrTitle[0]时，$scope.title1也改变，那就用$scope.$watch吧

Answer 2

其实可以把arrTitle声明为一个对象

<span ng-bind="arrTitle.title1"></span>
<span ng-bind="arrTitle.title2"></span>

$scope.arrTitle = {
    title1: "标题1",
    title2: "标题2"
};
//修改 
$scope.arrTitle.title1 = "xx";