ui引导多个装饰器

Question

使用此链接更新我的手风琴模板。现在我需要为carousel替换另一个UI引导模板。有没有一种方法可以将decorator函数链接在一起，或者应该用另一种方法来完成？此外，如果我需要各种版本的旋转木马怎么办？那怎么办？

我现在拥有的显然不起作用：

.config(['$provide', Decorate])
function Decorate($provide) {
  $provide.decorator('accordionGroupDirective', function($delegate) {
    var directive = $delegate[0];
    directive.templateUrl = '/modules/projects/views/admin/templates/accordian.html';
    return $delegate;
  })
  .decorator('carousel', function($delegate) {
    var directive = $delegate[0];
    directive.templateUrl = '/modules/projects/views/admin/templates/carousel.html';
    return $delegate;
  })
}

Answer 1

每当您想从angular的配置阶段装饰任何现有组件时，都需要将component类型附加到其名称中，就像这里要装饰Directive一样，因此您需要将名称提供给decorator作为carouselDirective，而不仅仅是carousel。

代码

.decorator('carouselDirective', function($delegate) {
    var directive = $delegate[0];
    directive.templateUrl = '/modules/projects/views/admin/templates/carousel.html';
    return $delegate;
})