无法在 angular 模块中注入 $modal
cant inject $modal in angular module
我正在构建一个 AngularJS 应用程序。作为这个应用程序的一部分,我需要一个模式弹出窗口。我在 plunker 中得到了这个工作:http://plnkr.co/edit/FtH8hkuaEj5A2zhMJdnE?p=preview
但是当我尝试将它实现到实际的应用程序中时,在任何模块中注入 $modal 时都会出错。
http://errors.angularjs.org/1.5.7/$injector/unpr?p0=%24modalProvider%20%3C-%20%24modal%20%3C-%20webpartnerController
我有
angular v1.5.7
angular-ui/ui-bootstrap v2.3.1
模块:
var app = angular.module("webpartner", [
"ui.router", "" +
"angularSpinner",
"ngMaterial",
"material.svgAssetsCache",
"ngMessages",
"firebase",
"angularMoment",
"ngAnimate",
"ui.bootstrap"
]);
(function () {
"use strict";
angular.module("webpartner")
.controller("webpartnerController",
function webpartnerController($modal) {
var vm = this;
}
);
})();
那个 plunker 中 ui bootstrap 的版本是旧版本并使用 $modal
。
您使用的版本应该是$uibModal
。
这是您正在使用的版本的文档http://angular-ui.github.io/bootstrap/#/modal
...以及从文档 https://plnkr.co/edit/?p=preview
中获取的一个 plunker
我正在构建一个 AngularJS 应用程序。作为这个应用程序的一部分,我需要一个模式弹出窗口。我在 plunker 中得到了这个工作:http://plnkr.co/edit/FtH8hkuaEj5A2zhMJdnE?p=preview 但是当我尝试将它实现到实际的应用程序中时,在任何模块中注入 $modal 时都会出错。
http://errors.angularjs.org/1.5.7/$injector/unpr?p0=%24modalProvider%20%3C-%20%24modal%20%3C-%20webpartnerController
我有 angular v1.5.7 angular-ui/ui-bootstrap v2.3.1
模块:
var app = angular.module("webpartner", [
"ui.router", "" +
"angularSpinner",
"ngMaterial",
"material.svgAssetsCache",
"ngMessages",
"firebase",
"angularMoment",
"ngAnimate",
"ui.bootstrap"
]);
(function () {
"use strict";
angular.module("webpartner")
.controller("webpartnerController",
function webpartnerController($modal) {
var vm = this;
}
);
})();
那个 plunker 中 ui bootstrap 的版本是旧版本并使用 $modal
。
您使用的版本应该是$uibModal
。
这是您正在使用的版本的文档http://angular-ui.github.io/bootstrap/#/modal
...以及从文档 https://plnkr.co/edit/?p=preview
中获取的一个 plunker