javascript - 使用 AngularJS 附加 HTML

Question

HTML

<section>
  <div>
     <p>{{item}}</p>
  </div>
</section>

Controller .js

(function () {
   var ctrl = function ($scope){
        $scope.item = "test";
   }
}());

这是我团队的项目。我无法更改它的设置方式。我要解决的问题是将 $scope.item 插入到 html 中。我怎么能这样做？

Answer 1

我在部分添加了一个 id _item。

<section id="_item">
  <div>
     <p>{{item}}</p>
  </div>
</section>

在 controller.js 文件中写入以下代码。

angular.element(document.getElementById('_item')).append($compile("<div>
     <p>{{item}}</p>
  </div>")($scope));

注意:添加依赖$compile。

我想这对你有帮助。