問題描述

最近在使用 angularjs 遇到一個修改數組的問題。HTML 代碼如下

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

js 代碼如下

$scope.title1 = '標題1'$scope.title2 = '標題2'$scope.arrTitle = [$scope.title1, $scope.title2];//我試著修改 $scope.arrTitle[0] = 'xx';

但是 $scope.title1 沒有修改？$scope.arrTitle[0] 打印過出來應該就是 $scope.title1 的?。空垎柎笊駛冎更c一下，應該怎么修改才行？謝謝。

問題解答

$scope.arrTitle已經是一個新的變量了（數組）

你修改$scope.arrTitle[0],只是修改其第一個元素的數據。

$scope.arrTitle = [$scope.title1, $scope.title2];只是給數組賦初始值而已。

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

其實可以把arrTitle聲明為一個對象

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

$scope.arrTitle = { title1: '標題1', title2: '標題2'};//修改 $scope.arrTitle.title1 = 'xx';