使用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.

我想这会对你有所帮助.