DOMボタンの値を変更するには？

Question

特定のDOMオブジェクトのテキストを変更するにはどうすればよいですか？次のコードを試しましたが、すべてのDOMテキストが変更されました。 {b1}だけでなく、{{content}}の値もすべて変更されます。ここで

myfunc() { 
    $scope.content="nothing"; 
    angular.element(document.getElementById('b1')).scope().content ='something'; 
} 

はhtmlです：

<button id="b1" type="button" ng-click="myfunc($event)"> 
    {{content}} 
</button> 
<button id="b2" type="button" ng-click="myfunc($event)"> 
    {{content}} 
</button> 

Answer 1

あなたはangular.elementを使用するか、またはどこか他のディレクティブに比べいかなるDOM操作を行うべきではありません。テンプレートについては

$scope.contents = Array(2).fill('nothing'); 

$scope.updateButton = function(index) { 
    $scope.contents[index] = 'something'; 
}; 

：あなたはここでやりたいことは、配列/オブジェクトとして$scope.contentsを定義し、あなたが望むだけのインデックス更新でBTW

<button type="button" ng-click="updateButton(0)">{{ contents[0] }}</button> 
<button type="button" ng-click="updateButton(1)">{{ contents[1] }}</button>