如何在 MeanJS 控制器中使用 ui.bootstrap？

Question

每次我尝试使用 ui.bootstrap 中的任何引导函数时，都会收到以下错误：

Error: [$injector:unpr] Unknown provider: ui.bootstrapProvider <- ui.bootstrap <- CollapseController...

我已经尝试了许多不同的方法来解决这个问题，但我被困在这一点上。现在我只是想在 cmets 视图上做一个切换开关。这是我的控制器：

angular.module('remarks').controller('CollapseController', ['$scope', 'ui.bootstrap', 'ngAnimate',
  function ($scope) {
    $scope.isCollapsed = false;
  }
]);

这是默认控制器 (RemarksController) 的附加控制器，我已将备注模块注册为：

ApplicationConfiguration.registerModule('remarks', ['ngAnimate', 'ui.bootstrap']);

最后，这是试图使用这个控制器的视图：

<section ng-controller="RemarksController" ng-init="find()">
  <div><h6>Remarks</h6></div>
<div class="container">
  <div class="post-remarks">
    <div class="row">
      <div class="media"  ng-controller="CollapseController">
        <div class="media-heading">
          <button class="btn btn-default btn-xs" type="button" ng-click="isCollapsed = !isCollapsed">
          <span class="glyphicon glyphicon-minus" ng-if="(!isCollapsed)"></span>
          <span class="glyphicon glyphicon-plus" ng-if="isCollapsed"></span> 
          </button> 
        </div>

        <div class="panel-collapse collapse in" uib-collapse="isCollapsed">
          (content)
        </div>

请理解，我可以想办法解决这个问题，以不同的方式执行这一操作。但是，我不想。我希望能够使用 ui-bootstrap 功能，所以我试图在这里找到问题的根源。

如何让 ui.bootstrap 依赖项注入，以便在此控制器中使用它？

谢谢

Answer 1

ui.bootstrap 默认由 MEAN 4.X 添加。无需在控制器中注册。

https://github.com/meanjs/mean/blob/master/modules/core/client/app/config.js

我没有看到您的代码有问题.. http://jsfiddle.net/zdyv90w1/1/

var app = angular.module('app', []);

app.controller('CollapseController', function($scope) {
  $scope.isCollapse = false;

});