javascript - 如何以最小化安全的方式声明 Angular Bootstrap 模式

Question

我已经按照以下给出的指南实现了 Angular 模态对话框:http://angular-ui.github.io/bootstrap/ 。下面的代码在访问未缩小的文件时工作正常，但在应用缩小时会失败。我已将问题范围缩小到下面 modalInstanceCtrl 函数的声明，但是我不清楚如何以缩小友好的方式实现此函数。我尝试使用标准 Controller 语法声明 modalInstanceCtrl 函数，但在这种情况下， $modal.open 调用找不到该函数。

我从缩小代码收到的错误消息是“TypeError:无法读取未定义的属性“值””。

声明此 Controller 以便既可以缩小又可以从 $modal.open 函数调用的最佳方法是什么？

任何帮助将不胜感激。

lxModalSupportServices.factory('lxModalSupportService', 
    function ($modal, $log, $timeout) {

    var modalInstanceCtrl = function($scope, $log, $modalInstance) {
        $scope.ok = function () {
            $modalInstance.close();
        };
    };

    return {
        showCameraAndMicrophoneModalWindow : function(scope, htmlTemplate) {
            var ModalInstance = $modal.open({
                templateUrl: htmlTemplate,
                controller: modalInstanceCtrl
            });

    ....
    }
});

Answer 1

将声明更改为

var ModalInstanceCtrl = [
  '$scope', '$log', '$modalInstance',
  function($scope, $log, $modalInstance) {
    $scope.ok = function () {
      $modalInstance.close();
    };
  }
];

然后重试。如果仍然失败，则问题可能出在其他地方。

通常我会单独声明 $modal 的 Controller :

lxModalSupportServices.controller('AddCommentModalCtrl', ['$scope', function($scope) {
  'use strict';

  // Implementation...
});

然后将其与字符串一起使用

$modal.open({
  templateUrl: htmlTemplate,
  controller: 'AddCommentModalCtrl',
});