Angular-UI-Bootstrap accordion未打开

Question

我的手风琴打不开了。我最初认为这是由于ng-view，因为已经报告了许多bug。我尝试了these解决方案的both，但它似乎不是a标签导致的问题。我也把手风琴移到了ng-view之外，它们仍然不能打开。

我使用的是bootstrap 3和angular-ui-bootstrap-tmpls.0.11.0.js

我的应用：

angular
  .module('App', [
    'ngRoute',
    'templates',
    'ui.bootstrap.tpls',
    'ui.bootstrap',
  ])

.config(function ($routeProvider, $locationProvider) {
    $routeProvider
    .when('/doctor', {
      templateUrl: 'doctor_profile.html',
      controller: 'DoctorCtrl'
    })
 $locationProvider.html5Mode(true);
})

doctor_profile.html：

<accordion close-others="oneAtATime">
  <accordion-group ng-repeat="doctor in doctors">

    <accordion-heading>
      <span>{{doctor.name}} </span>
    </accordion-heading>
          {{ doctor.type }}
  </accordion-group>
</accordion>

最后是我的控制器

.controller('DoctorCtrl', function($scope) {
    $scope.oneAtATime = false;

    $scope.doctors = [
      {
        name: 'Dr. Bob ',
        type: 'Orthopedic Surgery',
      },
      {
        name: 'Dr. Ted',
        type: 'Pediatritian',
      }, 

    $scope.status = {
      isFirstOpen: true,
      isFirstDisabled: false
    };

Answer 1

您需要按如下方式绑定accordion的is-open属性：

<accordion-group ng-repeat="doctor in doctors" is-open="status.isItemOpen[$index]">

在你的控制器中

$scope.status = {
      isItemOpen: new Array($scope.doctors.length),
      isFirstDisabled: false
    };

$scope.status.isItemOpen[0] = true;

打开第一个组(只是一个例子)和

$scope.status.isItemOpen[0] = false;

要关闭第一组，请执行以下操作。

诚挚的问候