Javascript 在angularjs页面上使用引导手风琴
当我试图在AngularJS页面中运行以下代码时,我遇到了一个问题Javascript 在angularjs页面上使用引导手风琴,javascript,html,angularjs,twitter-bootstrap,Javascript,Html,Angularjs,Twitter Bootstrap,当我试图在AngularJS页面中运行以下代码时,我遇到了一个问题 <div class='panel-group' id=accordion'> <div class="panel panel-default"> <h4 class="panel-title"> <a data-toggle='collapse' data-parent='#accordion' href='#co
<div class='panel-group' id=accordion'>
<div class="panel panel-default">
<h4 class="panel-title">
<a data-toggle='collapse' data-parent='#accordion' href='#collapseOne'>foo</a>
</h4>
<div id='collapseOne' class='panel-collapse collapse'>
<div class='panel-body'>
<p>foo</p>
</div>
</div>
</div>
</div>
如果您想在不编写自己的指令或使用BootstrapUI的情况下使用一种快速的、略显粗糙的方式,您可以绕过bootstrap jQuery切换手风琴的方式,将角度指令放入标记中:
<div class='panel-group' id=accordion'>
<div class="panel panel-default">
<h4 class="panel-title">
<a data-ng-click="accordion1 = !accordion1">foo</a>
</h4>
<div data-ng-show="accordion1">
<div class='panel-body'>
<p>foo</p>
</div>
</div>
</div>
</div>
很好的回答~它解决了我的问题。“collapse”类似乎只添加了一个平滑的下拉效果(与此角度不同);