动态指令：templateUrl

Question

我真的需要通过解决以下问题的帮助：

我尝试实现某些设置的应用程序，所以我想用UI，引导手风琴。

---

我有以下HTML码：

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

的 “手风琴” 的DOM是div其中ng-controller="AccordionController"。在这个控制器我有一个变量groups它看起来像这样：

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

---

accordionContent是我的指令，它应当根据$index或groupTitle（无所谓）给予不同templateURLs。

的accordionContent -directive看起来像这样：

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

内容也有一些角的东西来实现，我读到这需要得到考虑。 （或不？）

Answer 1

我不相信你可以那样做。我曾尝试过一次，如果我没有记错的话，就没有工作。

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

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

凡templateUrl就在你孤立范围变量（或不分离.. ）在accordion-content指令。非常感谢你非常 -