如何使用AngularJS中的JavaScript动态修改HTML的文字内容？

在AngularJS中，你可以通过双向数据绑定（Two-way data binding）轻松地动态修改HTML元素的内容。以下是基本步骤：

1. **创建控制器**: 首先，在你的AngularJS应用中，你需要定义一个控制器，它会持有需要改变的数据。例如：

   app.controller('MyCtrl', function($scope) {
     $scope.myText = '初始文本';
   });

2. **绑定变量到DOM**: 使用`ng-bind`指令将控制器中的变量绑定到HTML元素上：

   <div ng-controller="MyCtrl">
     <p>{{ myText }}</p>
   </div>

这里`{{ myText }}`会实时显示`myText`的值。

3. **修改数据**: 当你在控制器中更新`$scope.myText`时，页面上的文字也会自动更新：

   $scope.myText = '新文本'; // 文字内容现在变为“新文本”

**相关问题--:**
1. AngularJS如何实现数据绑定？
2. 双向数据绑定的工作原理是什么？
3. 如果我想只从控制器往HTML元素添加内容，而不是修改，该怎么做？