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,其中包含您所描述内容的工作版本: