Angularjs使用指令加载模板
我有一个指令,允许我插入聊天组件。它根据需要加载模板Angularjs使用指令加载模板,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我有一个指令,允许我插入聊天组件。它根据需要加载模板 mod.directive('chat', function () { return { replace: true, templateUrl: '/tmpl/chat/chat', } }) 但问题是模板需要额外的功能,包括: .chat .chatHeader(ng-include="'chatHeader'") .chatLog(ng-include="'chatLog'") 部分: script(
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
如何加载包含项?我曾经将这些片段放在与基本聊天模板相同的文件中,但如果我使用replace:true,则不再允许这样做
加载包含部分的标准角度方式是什么?使用ng include as your is是完全有效的。您所面临的问题很可能是因为您的模板分部没有确切的1个根元素。下面是一个plunk,其中包含您所描述内容的工作版本: