未知提供者:$ modalInstanceProvider <-Angularjs模态中的$ modalInstance

加赞法尔汗

我正在使用角度bootstrap ui模态,它工作正常,但是当我尝试使用modalInstance关闭它时,出现上述错误。这是我的代码

  var app = angular.module('LoginModule', ['ui.bootstrap']);
app.controller('LoginModal', ['$scope',  '$modal', function ($scope, $modal) {
    $scope.animationsEnabled = true;
    $scope.open = function (size) {

        var modalInstance = $modal.open({
            animation: $scope.animationsEnabled,
            templateUrl: '/app/template/Login.html',
            controller: 'LoginController',
            size: size
        });
    }
}]);
app.controller('LoginController', ['$scope', '$modalInstance', '$http', function ($scope, $modalInstance, $http) {
    $scope.model = {};
    $scope.loading = {
        state: false
    }
    $scope.errors = '';
    $scope.email = "";
    $scope.cancel = function () {

        $modalInstance.dismiss('cancel');
    };
}]);

我已经在控制器中创建了cancel函数,并使用模板指定了该函数,但仍然会出错。我在LoginController的按钮中使用ng-click =“ cancel()”。需要帮忙?

PSL

看起来您正在模态视图中使用ng-controller指令实例化控制器。取而代之的是,您只需要使用controller模式选项就可以$modalInstance注入特殊的依赖项如果使用了实例化控制器ng-controller="LoginController",则需要将其删除,并且不需要它,因为控制器将被自动实例化(通过解决特殊依赖关系$modalInstance)并附加到模板上。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

未知提供者:$ modalInstanceProvider <-$ modalInstance

来自分类Dev

$ injector:unpr未知提供者:modalInstanceProvider <-modalInstance

来自分类Dev

测试模态控制器:未知提供程序:$ modalInstanceProvider <-$ modalInstance,TypeError:尝试分配给只读属性

来自分类Dev

模态窗口问题(未知提供程序:ModalInstanceProvider)

来自分类Dev

错误:[$ injector:unpr]未知提供程序:modalInstanceProvider <-modalInstance <-具有最新ui引导程序的modalCtrl

来自分类Dev

AngularJS未知提供者

来自分类Dev

未知的提供者AngularJS

来自分类Dev

AngularJS中的未知提供者$ sce

来自分类Dev

AngularJS中的未知资源提供者

来自分类Dev

AngularJS错误:$ injector:unpr未知提供程序-$ modalInstanceProvider

来自分类Dev

未知提供者:$ resourceProvider-AngularJS

来自分类Dev

AngularJS [$ injector:unpr]未知的提供者

来自分类Dev

AngularJS [$ injector:unpr]未知的提供者

来自分类Dev

业障测试中的未知提供者

来自分类Dev

使用angular-bootstrap时$ injector错误($ modalInstanceProvider <-$ modalInstance)

来自分类Dev

为什么需要测试中的服务提供者(未知提供者)?

来自分类Dev

AngularJS-注入值返回未知提供者

来自分类Dev

AngularJS因果过滤器未知提供者

来自分类Dev

未知提供者:$ provideProvider angularjs茉莉花

来自分类Dev

AngularJS $ routeProvider解决返回未知提供者

来自分类Dev

AngularJS 未知提供者 - 对于控制器

来自分类Dev

代码重构后的 AngularJS 未知提供者

来自分类Dev

角单元测试中的未知提供者

来自分类Dev

未知提供者:angular js 中的 $scopeProvider

来自分类Dev

Angular Bootstrap模式:未知提供程序:$ modalInstanceProvider

来自分类Dev

未知提供者正在通过yeoman + angularjs + karma进行测试

来自分类Dev

angularjs 和 json 服务器错误:[$injector:unpr] 未知提供者:$resourceProvider <- $resource <- menuFactory

来自分类Dev

angularjs > 路由器解析 > “错误:[$injector:unpr] 未知提供者”

来自分类Dev

设置 angularjs 上传器时出现此错误 - 未知提供者:$uploadProvider <- $upload

Related 相关文章

  1. 1

    未知提供者:$ modalInstanceProvider <-$ modalInstance

  2. 2

    $ injector:unpr未知提供者:modalInstanceProvider <-modalInstance

  3. 3

    测试模态控制器:未知提供程序:$ modalInstanceProvider <-$ modalInstance,TypeError:尝试分配给只读属性

  4. 4

    模态窗口问题(未知提供程序:ModalInstanceProvider)

  5. 5

    错误:[$ injector:unpr]未知提供程序:modalInstanceProvider <-modalInstance <-具有最新ui引导程序的modalCtrl

  6. 6

    AngularJS未知提供者

  7. 7

    未知的提供者AngularJS

  8. 8

    AngularJS中的未知提供者$ sce

  9. 9

    AngularJS中的未知资源提供者

  10. 10

    AngularJS错误:$ injector:unpr未知提供程序-$ modalInstanceProvider

  11. 11

    未知提供者:$ resourceProvider-AngularJS

  12. 12

    AngularJS [$ injector:unpr]未知的提供者

  13. 13

    AngularJS [$ injector:unpr]未知的提供者

  14. 14

    业障测试中的未知提供者

  15. 15

    使用angular-bootstrap时$ injector错误($ modalInstanceProvider <-$ modalInstance)

  16. 16

    为什么需要测试中的服务提供者(未知提供者)?

  17. 17

    AngularJS-注入值返回未知提供者

  18. 18

    AngularJS因果过滤器未知提供者

  19. 19

    未知提供者:$ provideProvider angularjs茉莉花

  20. 20

    AngularJS $ routeProvider解决返回未知提供者

  21. 21

    AngularJS 未知提供者 - 对于控制器

  22. 22

    代码重构后的 AngularJS 未知提供者

  23. 23

    角单元测试中的未知提供者

  24. 24

    未知提供者:angular js 中的 $scopeProvider

  25. 25

    Angular Bootstrap模式:未知提供程序:$ modalInstanceProvider

  26. 26

    未知提供者正在通过yeoman + angularjs + karma进行测试

  27. 27

    angularjs 和 json 服务器错误:[$injector:unpr] 未知提供者:$resourceProvider <- $resource <- menuFactory

  28. 28

    angularjs > 路由器解析 > “错误:[$injector:unpr] 未知提供者”

  29. 29

    设置 angularjs 上传器时出现此错误 - 未知提供者:$uploadProvider <- $upload

热门标签

归档