AngularJS 模板可單獨使用

2018-07-26 17:23 更新

ng 中的模板是很重要,也很強(qiáng)大的一個機(jī)制,自然少不了單獨運用它的方法。不過,即使是單獨使用,也是和 DOM 緊密相關(guān)的程度:

  • 定義時必須是有 HTML 標(biāo)簽包裹的,這樣才能創(chuàng)建 DOM 節(jié)點
  • 渲染時必須傳入 $scope

之后使用 $compile 就可以得到一個渲染好的節(jié)點對象了。當(dāng)然, $compile 還要做其它一些工作,指令處理什么的。

angular.module('app', [], angular.noop)
.controller('TestCtrl', function($scope){
  $scope.a = '123';
  $scope.set = function(){
    var tpl = $compile('<p>hello {{ a }}</p>');
    var e = tpl($scope);
    $element.append(e);
  }
});


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號