Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
Javascript 引导动画不工作_Javascript_Css_Angularjs_Twitter Bootstrap - Fatal编程技术网
Fatal编程技术网

Javascript 引导动画不工作

javascript css angularjs twitter-bootstrap

Javascript 引导动画不工作,javascript,css,angularjs,twitter-bootstrap,Javascript,Css,Angularjs,Twitter Bootstrap,我是Angular/Bootstrap的新手，我下载了一个模板，我正试图修改并添加一些功能来进行学习 我试图有一个可折叠的子菜单 <ul class="nav nav-sidebar"> <li ng-class="{active: $state.includes('overview')}"><a ui-sref="overview">Overview <span class="sr-only">(current)</span>

我是Angular/Bootstrap的新手，我下载了一个模板，我正试图修改并添加一些功能来进行学习

我试图有一个可折叠的子菜单

<ul class="nav nav-sidebar">
    <li ng-class="{active: $state.includes('overview')}"><a ui-sref="overview">Overview <span class="sr-only">(current)</span></a></li>
    <li><a href="" data-toggle="collapse" data-target="#products">Products</a></li> <!-- a click on this should expand the div below... --> 
    <div class="collapse" id="products">
        <ul>
             <div ng-repeat="itemType in itemTypes">
                <li><a href="" class="list-group-item">{{itemType.Description}}</a></li>
             </div>
        </ul>
    </div>
</ul>

    

  • 

      

    •
我的尝试是从

我希望通过单击锚点来触发动画，而不是按钮

我读到一个版本的Bootstrap在动画方面有问题，所以我升级到了
Bootstrap#3.3.6

有什么想法吗

谢谢

编辑：我说的不工作是指什么也没发生。我可以使用
ng show
指令，但没有平滑动画。

如

您可以使用带有
href
属性的链接，或带有
数据目标属性的按钮。在这两种情况下，都需要
data toggle=“collapse”

更改锚定标记以使用
href
属性，而不是
数据目标


<a href="#products" data-toggle="collapse">Products</a>










    

  • 

      

    • 

    

我最终将jQuery和bootstrap添加到了我的“服务”gulp任务中，并且这可以工作，根本不改变视图的代码。
您是否像链接到的示例一样引入了
collapse.js
？Angular中的内置动画是用CSS定义的，而不是JS。我想我不是。我应该手动编辑
bower.json
文件还是有命令安装它？我尝试了
bower安装引导崩溃
，结果表明没有这样的软件包。