使用带angularjs的引导崩溃

发布时间：2020-12-17 08:44:10 所属栏目：安全来源：网络整理

导读：我试图在我的角应用程序包括以下引导可折叠面板。然而，当我点击“展开”，角似乎看到href =“#collapSEOne”，然后重定向到主页，而不是折叠面板。我的路由看起来像这样，我认为否则({redirectTo：’/ home’});是导致问题。有什么建议么？ angular.module(

我试图在我的角应用程序包括以下引导可折叠面板。然而，当我点击“展开”，角似乎看到href =“#collapSEOne”，然后重定向到主页，而不是折叠面板。我的路由看起来像这样，我认为否则({redirectTo：’/ home’});是导致问题。有什么建议么？

angular.module('App')
.config(['$routeProvider',function($routeProvider) { 
$routeProvider.
  when('/users',{templateUrl: 'partials/users/user-list.html',controller: 'UserCtrl'}).
  when('/users/new',{templateUrl: 'partials/users/user-new.html',controller: 'UserNewCtrl'}).
  when('/users/:userid',{templateUrl: 'partials/users/user-detail.html',controller: 'UserDetailCtrl'}).


  otherwise({redirectTo: '/home'});
}]);

面板 –

<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">
          Expand
        </a>
      </h4>
    </div>
    <div id="collapSEOne" class="panel-collapse collapse in">
      <div class="panel-body">
        ...
      </div>
    </div>
  </div>
  </div>

正如一个类似的问题 Here中提到，只需更改您的href的data-target属性

<div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a href="javascript:;" data-toggle="collapse" data-parent="#accordion" data-target="#collapSEOne">
          Expand
        </a>
      </h4>
    </div>
    <div id="collapSEOne" class="panel-collapse collapse in">
      <div class="panel-body">
        ...
      </div>
    </div>
  </div>
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!