我有一些常规的routeprovider代码，但是在HTML的某些部分中，我有一些twitter bootstrap展开/折叠部分。单击它们会触发routeprovider，我不想这样做。有办法防止这种情况吗？
myApp.config(function ($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'login.html',
controller: 'mainController'
})
.when('/projects', {
templateUrl: 'project.html',
controller: 'projectController'
});
$locationProvider.html5Mode(true);
});
HTML的一部分
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
Open Projects
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<table id="openProjectTable" class="table">
<tr><th>Project</th><th>Source</th><th>Target</th></tr>
</table>
</div>
</div>
</div>
最简单的解决方案是使用数据目标而不是href：
<a data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne">
Open Projects
</a>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句