angularjs - 使用 angularjs 动态修改 DOM

Question

我是 angularjs 的新手，我正在尝试向 DOM 添加一些动态内容。例如，我想做的有点像 twitter。我有一个包含不同行的表，如果用户单击一行，则会加载一些详细信息 ajax 只是结束该行。我有一个用于行详细信息的模板（我想显示（和编译）只是结束单击的行。由于我不太了解如何通过单击触发指令，因此我尝试从控制器函数中执行此操作（用 ng-click 在行上）但我无法编译（我只有模板显示）。

如果有人知道如何做到这一点（最好是一种使用指令的方法，因为它似乎是正确的方法）。

谢谢

Answer 1

由于不清楚您要添加的模板有多复杂，您可能不需要指令—— <tr> 元素上的 ng-repeat 可能就足够了。在 AngularJS 主页上，“Wire up a Backend”演示，tab list.html 展示了如何使用 ng-repeat 动态地将行添加到表中，并使用通过 query() 方法检索到的数据。这足以满足您的需求吗？