2016-01-22 51 views
1

我使用的UI引导旋转木马,需要做一些定制它使用户拥有的配置选项,如文本颜色,导航显示/隐藏,等访问...纳克级或NG风格的指令在UI bootstap转盘不工作

为此,我使用了它们的carousel html模板,并添加了一些ng-class用于显示块/无和其他一些ng样式,但这些不起作用,并没有任何效果。

这些,如果我使用其中转盘的标记写入页面上的相同工作的罚款。

参考plunker复制问题

Carousel Plunker

HTML模板

<div ng-mouseenter="pause()" ng-mouseleave="play()" class="carousel" ng-swipe-right="prev()" ng-swipe-left="next()"> 
    <div class="carousel-inner" ng-transclude></div> 
    <a role="button" href class="left carousel-control" ng-click="prev()" ng-show="slides.length > 1" ng-class="{'dispNone': carousel.arrow}"> 
     <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span> 
     <span class="sr-only">previous</span> 
    </a> 
    <a role="button" href class="right carousel-control" ng-click="next()" ng-show="slides.length > 1" ng-class="{'dispNone': carousel.arrow}"> 
     <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> 
     <span class="sr-only">next</span> 
    </a> 
    <ol class="carousel-indicators" ng-show="slides.length > 1"> 
     <li ng-repeat="slide in slides | orderBy:indexOfSlide track by $index" ng-class="{ active: isActive(slide) }" ng-click="select(slide)"> 
      <span class="sr-only">slide {{ $index + 1 }} of {{ slides.length }}<span ng-if="isActive(slide)">, currently active</span></span> 
     </li> 
    </ol> 
</div> 
+0

真的不明确的问题或特定问题is.You说什么它工作正常,并演示似乎也工作。提供更多的细节和步骤,看看问题 – charlietfl

+0

@charlietfl:感谢reply..Please见下文: 在检查和取消选中复选框的导航,你可能会看到标题显示和隐藏.....连接到导航箭头sameis但他们没有显示或隐藏... –

回答

1

如您有不同的范围,可以使用$父模板。像

$parent.navArrow

+0

谢谢...它工作! –