如何在页面上查找和替换特定文本

Question

如何使用AngularJs查找和替换html页面上的特定文本

该文本位于第三方组件上，因此ID和类在不断变化。我可以参考的是我想要更改的文本本身。

html页面上的特定文本不是类或id或周围的任何ng-tag。

我不是angularjs开发人员，因此该页面是使用angularjs version1在asp.net mvc上使用视图（cshtml）构建的。

angularjs中是否有一种方法可以像在javascript中那样查找和放置文本：

document.body.innerHTML = document.body.innerHTML.replace（'old_text'，'new_text'）;

谢谢！

Answer 1

在angularjs中，每个应用程序状态（页面）都有一个控制器。访问Dom的逻辑应该放在所述控制器中。

要操作DOM，请参阅此answer

Answer 2

在Angular世界中，它称为数据绑定。这是有关数据绑定的official docs。

这是正在及时更新的数据的 DEMO 。首先，html显示“ 初始文本”，并在5秒钟内将其更改为“ 新文本”。

此演示做了什么：

1. 使用专用变量$scope.text创建了一个角度组件，该变量包含随时间变化的文本值。
2. 然后，该变量在HTML标记中使用，例如：{{ text }}。
3. Angular为您自动处理HTML重新呈现，因此在组件中修改$scope.text的值时，Angular会强制在浏览器中重新呈现html

---

UPD 另一个具有Angular双向绑定的示例： DEMO 。

在此，用户可以在输入字段中更改$scope.text的值，这将在控制器中自动更改其值。尝试编辑输入字段，您将在输入字段上方的标题中看到它是如何立即更新的。