javascript - Problème de modification de tableau dans AngularJS

Question

J'ai récemment rencontré un problème lors de la modification d'un tableau à l'aide d'angularjs.
Le code HTML est le suivant

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

le code js est le suivant

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

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

Mais $scope.title1 n'est pas modifié ? $scope.arrTitle[0] devrait être $scope.title1 une fois imprimé ? Pourriez-vous s'il vous plaît me donner quelques conseils pour le modifier ? Merci.

Answer 1

$scope.arrTitle est déjà une nouvelle variable (tableau)

Lorsque vous modifiez $scope.arrTitle[0], vous modifiez uniquement les données de son premier élément.

$scope.arrTitle = [$scope.title1, $scope.title2]; Attribuez simplement une valeur initiale au tableau.

Lorsque vous souhaitez modifier $scope.arrTitle[0], $scope.title1 changera également, puis utilisez $scope.$watch

Answer 2

En fait, arrTitle peut être déclaré comme objet

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

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