Angularjs 如何在另一个模板中包含一个角度模板，以使引导类仍然有效？

我有一个使用三种不同模板的指令：

这些模板都有一个面板，我希望它们包含一个标题模板，每个标题模板都相同，如下所示：

<script type="text/ng-template" id="itemMenuTemplateUndefined">
    <div class = "panel panel-default" > 
        <div ng-include="'itemMenuTemplatePanelHeading'"></div>
        <div class="panel-body">
            <div>Age: {{item.age}}</div>
        </div > 
    </div>
</script>

<script type="text/ng-template" id="itemMenuTemplatePanelHeading">
        <div class="panel-heading">{{item.firstName}} <b>{{item.lastName}}</b> (PROBLEM INCLUDED BUT NO COLOR)</div>
</script>

年龄：{{item.Age}

包含的模板如下所示：

<script type="text/ng-template" id="itemMenuTemplateUndefined">
    <div class = "panel panel-default" > 
        <div ng-include="'itemMenuTemplatePanelHeading'"></div>
        <div class="panel-body">
            <div>Age: {{item.age}}</div>
        </div > 
    </div>
</script>

<script type="text/ng-template" id="itemMenuTemplatePanelHeading">
        <div class="panel-heading">{{item.firstName}} <b>{{item.lastName}}</b> (PROBLEM INCLUDED BUT NO COLOR)</div>
</script>

{{item.firstName}{{item.lastName}}（包括问题，但没有颜色）

问题在于，尽管它包括范围变量值和HTML，但它似乎没有相同的HTML结构，这导致面板标题颜色不显示

---

我如何才能让这个示例工作，使其具有与没有ng include时相同的HTML结构，以便引导继续工作？

问题是，引导css非常具体，使用诸如

.panel warning>.panel heading

之类的选择器将面板标题作为面板的直接子项

ng include的额外
会破坏此子关系，使其

<div class="panel">
    <div ng-include>
       <div class="panel-heading>


您的意思是，如何让模板替换
元素而不是作为内容追加？不，我是指charlietfl在下面指出的内容，即
ng include
放入一个额外的div，从而使引导现在正确呈现。我怎样才能最好地让
ng include
不包括
div
，例如，可能是某种
replace=true
。很好，我用你的第三个建议解决了这个问题：这是我建议的替换，使用与
ng include
相同的模板：