Question

我想使用bootstrap-ui的$ dialog指令在AngularJS中创建简单的弹出对话框。

当我尝试注入我的控制器时，我得到$ dialog undefined。有人可以提供提示＆＃34;如何正确地注入$ dialog＆＃34;进入以下设计并调用它来创建一个弹出对话框？

提前致谢

index.js：

Standard

页面控制器：

angular.module('myapp', ['myapp.core','myapp.templates','ui.router', 'ui.bootstrap',
  'angularChart', 'angularjs-dropdown-multiselect', 'smart-table', 'angularModalService']);

Answer 1

正如this post所接受的答案所说，对于$dialog的版本0.6.0，$modal服务已重构为ui-bootstrap。来自$dialog的功能仍然可用，只需通过$modal。

在您的模块中注入$modal服务，它应该可以工作。阅读docs

因此，要编辑代码，

 (function() {
      'use strict';
      angular.module('myapp').controller('Page3Controller', Page3Controller);
      function Page3Controller(
        $scope,
        $modal, // now do with it whatever you want, refer to the docs for detailed change
        Page3Service,
        Utility) {

请检查它是否正常工作。

Answer 2

控制器：

(function(){
    angular.module("myApp").controller("Page3Controller", ["$scope", 
        "$dialog", "Page3Service", "Utility", Page3Controller]);

        function Page3Controller($scope, $dialog, Page3Service, Utility){
            $dialog.whatEverYouNeedToDo();

        }
});

如何将$ dialog注入现有的angularjs页面控制器

2 个答案: