什么版本的UI引导程序适用于Angular 1.6.4？

Question

我使用的是AngularJS v1.6.4，bootstrap版本是v3.3.4和ui-bootstrap v2.5.0。我试图使用下拉按钮，但它不起作用，但使用AngularJS v1.5.11和bootstrap版本是v3.3.4.Button下拉列表正在工作。

<ul class="heroes" ng-repeat="role in names">
  <li ng-if="role.accessMethod == 1">
    <button type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled">
      <span class="badge">{{role.code}}</span> 
    </button>
  </li>
  <li ng-if="role.accessMethod == 2">
    <div class="btn-group" uib-dropdown>
      <button type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled">
        <span class="badge">{{role.code}}</span> <span class="caret"></span><span class="sr-only"></span>
      </button>
      <ul class="dropdown-menu" uib-dropdown-menu role="menu">
        <li ng-repeat="roledetail in role.roles" ng-click="onSelect(roledetail.roleName)">
          <a href="">{{roledetail.roleName}}</a>
        </li>
      </ul>
    </div>
  </li>
</ul>

和它的json是

$scope.names = [{
  "code": "abc",
  "name": null,
  "accessMethod": "1",
  "roles": [{
      "roleId": 1,
      "roleName": "A"
    },
    {
      "roleId": 3,
      "roleName": "B"
    }
  ]
}, {
  "code": "XYZ",
  "name": null,
  "accessMethod": "2",
  "roles": [{
      "roleId": 1,
      "roleName": "A"
    },
    {
      "roleId": 3,
      "roleName": "B"
    }
  ]
}, {
  "code": "Neo",
  "name": null,
  "accessMethod": "2",
  "roles": [{
      "roleId": 1,
      "roleName": "A"
    },
    {
      "roleId": 3,
      "roleName": "C"
    }
  ]
}, {
  "code": "LAB",
  "name": null,
  "accessMethod": "1",
  "roles": [{
      "roleId": 1,
      "roleName": "A"
    },
    {
      "roleId": 3,
      "roleName": "B"
    }
  ]
}];

在上面的代码中，我尝试使用基于访问方式的不同按钮方法一是访问方法为1时的简单按钮，另一种是访问方法为2时的按钮下拉菜单。当我使用角度版本时1.6.4带有bootstrap版本3.3.4和uI-bootstrap版本2.5.0我无法获得按钮下拉列表