Question

使用angularjs UI我试图将参数传递给我的模态。

事情是，项目未定义。我已经检查了文档等，但我不知道我在这里做错了什么。

控制器＆＃39; newproject＆＃39;是调用以下代码的人：

 var modalInstance = $modal.open({
                templateUrl: 'app/projects/createTask.html',
                controller: 'createtask as vm',
                resolve: {
                    item: function () {
                        return 'itemValue';
                    }
                }
            });

在＆＃39;创建任务＆＃39;控制器我有以下代码（这里显示开头）：

(function () {
        'use strict';

        var controllerId = 'createtask';

        angular.module('app').controller(controllerId,
            ['common', '$modalInstance', createtask]);

        function createtask(common, $modalInstance, item) {
        //why is item is undefined here?!?!?!

请注意＆＃39; newproject＆＃39;控制器位于newProject.js＆＃39;内。而“创造任务”＃39; controller createTask.js。

为了完整起见，这里有完整的控制器：

newProject.js：

(function () {
    'use strict';

    var controllerId = 'newproject';

    angular.module('app').controller(controllerId,
        ['$location', '$modal', '$routeParams', '$window', 'common', 'config', 'datacontext', 'utility', projectdetails]);

    function projectdetails($location, $modal, $routeParams, $window, common, config, datacontext, utility) {
        var vm = this;

        function editTask(task) {
            var modalInstance = $modal.open({
                templateUrl: 'app/projects/createTask.html',
                controller: 'createtask as vm',
                resolve: {
                    item: function () {
                        return 'itemValue';
                    }
                }
            });

            modalInstance.result.then(function (newTask) {
                task = newTask;
                vm.projectCost += newTask.cost;
            });
        }
    }
})();

createTask.js：

(function () {
    'use strict';

    var controllerId = 'createtask';

    angular.module('app').controller(controllerId,
        ['common', '$modalInstance', 'item', createtask]);

    function createtask(common, $modalInstance, item) {

        if (item) {
            alert(item);
        } else
            alert('undefined');
    }

})();

Answer 1

尝试添加＆＃39;项目＆＃39;到控制器定义中的数组：

angular.module('app').controller(controllerId,
        ['common', '$modalInstance', 'item', createtask]);

Answer 2

我有同样的问题，我发现项目未定义，因为没有初始值。

$scope.showDialog = function () {
    var aModalInstance = $modal.open({
        templateUrl: "yourPage.html",
        controller: "yourModalCtrl",
        resolve: {
           item: function () {
               **return null;// get an undefined error message**
               **return {firstName:"Superman"} // this one should be ok**                   
           }
        }
    });

   aModalInstance.result.then(function (val) {
       //not important
   }, function () {
       $log.info('Modal dismissed at: ' + new Date());
   });
};

    ==>

app.controller("yourModalCtrl", function ($scope, $modalInstance, item) {            
    $scope.firstName = item.firstName;    

    $scope.ok= function () {
        $modalInstance.close({firstName:$scope.firstName});
    };

    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
});

传递给$ modal的参数是未定义的？

2 个答案: