簡體   English   中英

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

[英]How do I use ui.bootstrap in a MeanJS controller?

每次嘗試使用ui.bootstrap中的任何引導功能時,都會出現以下錯誤:

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

我已經嘗試了多種方法來解決此問題,但是我仍然停留在這一點上。 現在,我只是想在評論視圖上進行切換。 這是我的控制器:

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

這是默認控制器(RemarksController)的附加控制器,我已經這樣注冊了remarks模塊:

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依賴項進行注入,以便可以在此控制器中使用它?

謝謝

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;

});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM