ui-bootstrap的弹框等组件不知道怎么的用不了

Question

(function() {
    'use strict';
    angular
        .module('vipservice')
        .controller('patientsController', patientsController);

    /**
     * @ngInject
     */
    function patientsController($scope, $translate, $cookieStore, $interval, $state, $modal, $uibModal) {
        var lang = $cookieStore.get('lang');
        if (!lang) {
            $cookieStore.put('lang', 'cn');
            $scope.btnText = '英文';
        }
        $scope.btnText = lang === 'cn' ? '英文' : '中文';
        $scope.switching = function() {
            lang = lang === 'cn' ? 'en' : 'cn';
            $scope.btnText = lang === 'cn' ? '英文' : '中文';
            $cookieStore.put('lang', lang);
            $translate.use(lang);
            window.localStorage.lang = lang;
            window.location.reload();
        };
        $scope.cur_lang = $translate.use();
        $scope.open = function() {
            $uibModal.open({
                animation: true,
                ariaLabelledBy: 'modal-title',
                ariaDescribedBy: 'modal-body',
                templateUrl: 'myModalContent.html',
                controller: 'patientsController',
                size: size
            });
        };

    }
})();

不知道为什么UI-bootstrap里面的组件都用不了 tabs 之类的直接没效果

Answer 1

不清楚angularbootstrap和UIbootstrap有什么区别 两者好像冲突了 重新bower install就好了。

Answer 2

讲真，官方文档每个版本都在更新，https://angular-ui.github.io/... 这里就是 2.5.0 的文档。以前版本的文档，点开 Previous Docs 就有。
另外这个报错和 API 调用无关，是 $uibModal 的 provider 找不到， 导致注入失败。

你现在的这种注入方式是 implicit injection（隐式注入），那么 angular.js 就会在目前的运行环境中找 $modal 和 $uibModal，找不到就会报目前这个错。

因此，多半是因为你没有在全局或者父级 module 中注入 ['ui.bootstrap']，参考官方文档：https://github.com/angular-ui...

当然，就算你没有注入也可以，那你就需要这样，只在当前 module 中注入当前需要的组件：

import modal from 'angular-ui-bootstrap/src/modal';

angular.module('vipservice', [modal]);

Answer 3

代码里的版本和你看的api的版本不一致,我也上过官方的这个当，官方文档很久没更新过了。建议你直接去源码里找api。