Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ng类或ng样式指令在ui引导转盘中不起作用_Angularjs_Angularjs Directive_Angular Ui Bootstrap - Fatal编程技术网

Angularjs ng类或ng样式指令在ui引导转盘中不起作用

Angularjs ng类或ng样式指令在ui引导转盘中不起作用,angularjs,angularjs-directive,angular-ui-bootstrap,Angularjs,Angularjs Directive,Angular Ui Bootstrap,我正在使用UI引导转盘,需要在其中进行一些自定义,以便用户能够访问配置选项,例如文本颜色、导航显示/隐藏等 为此,我使用了他们的carouselhtml模板,并为displayblock/none添加了一些ng类和一些其他ng样式,但这些样式不起作用,对相同的样式没有任何影响 如果我在写旋转木马标记的页面上使用相同的代码,这些代码可以正常工作 请参阅plunker以复制问题 模板HTML <div ng-mouseenter="pause()" ng-mouseleave="play()

我正在使用UI引导转盘,需要在其中进行一些自定义,以便用户能够访问配置选项,例如文本颜色、导航显示/隐藏等

为此,我使用了他们的carouselhtml模板,并为displayblock/none添加了一些ng类和一些其他ng样式,但这些样式不起作用,对相同的样式没有任何影响

如果我在写旋转木马标记的页面上使用相同的代码,这些代码可以正常工作

请参阅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>

  • {{slides.length}的幻灯片{{$index+1}},当前处于活动状态

  • 您可以在模板中使用$parent,因为您有不同的作用域。像


    $parent.navArrow

    真的不清楚问题或具体问题是什么。你说它很好用,演示似乎也能用。提供更多详细信息和步骤以查看issues@charlietfl:感谢回复..请参见下面:在选中和取消选中导航复选框时,您可能会看到标题显示和隐藏..sameis附加到导航箭头,但它们不显示或隐藏。。。