Angularjs加載帶指令的模板

我有一個指令讓我插入聊天組件。它根據需要加載模板。Angularjs加載帶指令的模板

mod.directive('chat', function() { 
    return { 
    replace: true, 
    templateUrl: '/tmpl/chat/chat', 
    } 
})

但問題是，模板需要額外包括：

.chat 
    .chatHeader(ng-include="'chatHeader'") 
    .chatLog(ng-include="'chatLog'")

局部模板：

script(type="text/ng-template", id='chatLog') 
.chatMsg(ng-include="'chatMsg'", ng-repeat='chatMsg in chatLog') 

script(type="text/ng-template", id='chatHeader') 
    h3 Chat

如何加載包括？我曾經把這些partials放在與基本聊天模板相同的文件中，但是如果我使用replace：true不再允許。

什麼是標準的角度方式來加載包含的部分？

來源

2013-05-15 Harry

使用ng-include就像你是完全有效的。您面臨的問題可能是因爲您的模板部分不具有完全1個根元素。這裏有一個你正在描述的工作版本：http://plnkr.co/wy1a3T1UdKOlBQXr9o22

來源

2013-07-21 03:38:46

Angularjs加載帶指令的模板

回答

相關問題