如何在AJAX響應後更改元素HTML中的文本？

Question

我頁上的某些HTML元素，如爲：

<div ng-click="Add()">1</div> 
<div ng-click="Add()">2</div> 
<div ng-click="Add()">3</div> 

我怎麼能後點擊Add()和Ajax響應將裏面<div>文本？ 我試圖在JQuery上做這件事。

Answer 1

而不是使用靜態文本的，和你可以這這樣的角會看，如果任何在每個$digest這些變化的結合像

<div ng-click="Add()">{{options.one}}</div> 
<div ng-click="Add()">{{options.two}}</div> 
<div ng-click="Add()">{{options.three}}</div> 

。 然後你可以動態設置options.one,options.two和options.three它們會相應地更新。

此外，考慮你的div元素如何相似的，你應該考慮把這些在ng-repeat在選項對象，如

<div ng-repeat="(key,value) in options" ng-click="Add()">{{value}}</div> 

，有你的JS是這個樣子的首發：

$scope.options = { 
    one: 1, 
    two: 2, 
    three: 3 
} 

這只是一種解決問題的方法。你也可以編寫一個自定義指令，如果你習慣於這樣的事情，取決於你的需求，但這是一條簡單的路線。