2

我真的需要通過解決以下問題的幫助:動態指令:templateUrl

我嘗試實現某些設置的應用程序,所以我想用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是我的指令,它應當根據$indexgroupTitle(無所謂)給予不同templateURLs。

accordionContent -directive看起來像這樣:

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

內容也有一些角的東西來實現,我讀到這需要得到考慮。 (或不?)

回答

1

我不相信你可以那樣做。我曾嘗試過一次,如果我沒有記錯的話,就沒有工作。

你可以做的是在該指令有一個靜態的HTML頁面,並在HTML頁面中,你將有:

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

templateUrl就在你孤立範圍變量(或不分離.. )在accordion-content指令。非常感謝你非常 -

+1

我與'div'和'NG-包括= 「group.templateUrl」'的'NG-repeat'了! – Ba5t14n