javascript - Masalah pengubahsuaian tatasusunan dalam angularjs

Question

Saya baru-baru ini menghadapi masalah dengan mengubah suai tatasusunan menggunakan angularjs.
Kod HTML adalah seperti berikut

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

Kod

js adalah seperti berikut

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

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

Tetapi $scope.title1 tidak diubah suai? $scope.arrTitle[0] sepatutnya $scope.title1 apabila dicetak? Bolehkah anda memberi saya nasihat tentang cara mengubah suainya? terima kasih.

Answer 1

$scope.arrTitle sudah menjadi pembolehubah baharu (tatasusunan)

Apabila anda mengubah suai $scope.arrTitle[0], anda hanya mengubah suai data elemen pertamanya.

$scope.arrTitle = [$scope.title1, $scope.title2];

Apabila anda ingin menukar $scope.arrTitle[0], $scope.title1 juga akan berubah, kemudian gunakan $scope.$watch

Answer 2

Malah, arrTitle boleh diisytiharkan sebagai objek

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

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