如何在AJAX响应后更改元素HTML中的文本？

Question

我在页面上有一些HTML元素，如：

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

点击<div>和AJAX响应后如何更改Add()内的文字？ 我试着在Jquery上做这个。

Answer 1

您可以将这些内容绑定到

，而不是使用静态文本 1 ， 2 和 3

use strict

这样Angular会观察每个this是否有任何变化。 然后，您可以动态设置 options.one ， options.two 和 options.three ，然后相应地进行更新。

另外，考虑到<div ng-click="Add()">{{options.one}}</div> <div ng-click="Add()">{{options.two}}</div> <div ng-click="Add()">{{options.three}}</div> 元素的相似性，您应该考虑将这些元素放在$digest上选项对象，如

div

让你的JS对于初学者看起来像这样：

ng-repeat

这只是一种解决问题的方法。如果您习惯使用类似的东西，也可以编写自定义指令，具体取决于您的需求，但这是一条简单的路径。