angularjs - Angularjs 使用指令加载模板

Question

我有一个指令可以让我插入一个聊天组件。它根据需要加载模板。

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 则不再允许。

加载包含的部分的标准角度方式是什么？

Answer 1

使用 ng-include 是完全有效的。您面临的问题可能是因为您的模板部分没有恰好 1 个根元素。这是您所描述内容的工作版本：http: //plnkr.co/wy1a3T1UdKOlBQXr9o22