打开一个模态并将其链接到AngularJS中的指令

Open a modal and link it to a directive in AngularJS

本文关键字:链接 AngularJS 指令 模态 一个      更新时间:2023-09-26

我有一个指令定义如下:

app.directive('newTask', function () {
    return {
        restrict: 'AE',
        scope: {
            parentCase: "=",
            options: "="
        },
        templateUrl: '/app/views/task/newTask.html',
        controller: 'newTaskController'
    };
});

当我在HTML中使用它时,这非常有效,我想在默认情况下使用显示它

<new-task parent-case="case" options="options" />

然而,我正在研究一个模式弹出窗口,并显示类似于其他页面的页面

要做到这一点,点击里面的按钮,我有

var modalInstance = $modal.open({
            templateUrl: '/app/views/task/newTask.html',
            backdrop: 'static',
            controller: 'newTaskController',
            resolve: {
                parentCase: function () {
                    return {};
                },
                options: function () {
                    return { InitialTask: true };
                }
            }
        })

这不是通过$scope传递"parentCase"answers"options"。相反,它似乎希望我向newTaskController添加参数,以允许这些参数通过。有没有一种方法可以通过newTaskController上的新$scope来解决这些问题,类似于我通过HTML来解决的方法?

我是否需要一个单独的"newTaskModal.html",它被打开,并且只有

<new-task parent-case="case" options="options" />

为了获得我想要的功能?

"我认为您可以将scope参数传递给$model.open函数。尝试将scope:$scope添加到对象中"--Komo