AngularJS 模板可單獨(dú)使用

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

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

之后使用 $compile 就可以得到一個(gè)渲染好的節(jié)點(diǎn)對(duì)象了。當(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);
  }
});