Javascript 动态指令：templateUrl

我确实需要帮助解决以下问题：

我试图实现应用程序的一些设置，因此我想使用UI引导手风琴

---

我有以下HTML代码：

<accordion close-others="oneAtATime">
    <accordion-group ng-repeat="group in groups" heading="{{group.groupTitle}}">
        <accordion-content></accordion-content>
    </accordion-group>
</accordion>

---

accordionContent

是我的指令，它应该根据

$index

或

groupTitle

给出不同的模板URL（无所谓）

accordionContent

-指令如下所示：

$scope.groups = [{
        groupTitle: "title1",
        templateUrl: "file1.html"
    }, {
        groupTitle: "title2",
        templateUrl: "file2.html"
    }]; // ... and so on

settings.directive("accordionContent", function () {
    return {
        restrict: "E",
        templateUrl: //**here is my problem**
    };
});

---

内容也有一些角度的东西实现，我读到这需要得到考虑。（是否？）我不相信你能那样做。我试过一次，如果我没记错的话就没用了

您可以做的是在指令中有一个静态HTML页面，在该HTML页面中您将有：

<div>
    <div class="slide-animate" ng-include="templateUrl"></div>
</div>

---

其中，

templateUrl

是

accordion content

指令中隔离作用域（或非隔离..）上的变量。

我用

div

和

ng repeat

中的

ng include=“group.templateUrl”

-非常感谢！