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

时间:2015-04-09 14:44:35

标签: javascript html angularjs

我的指令定义如下:

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 };
                }
            }
        })

这不是通过'parentCase&#39;和&#39;选项&#39;超过$ scope。看起来它想要我添加参数到newTaskController以允许这些参数通过。有没有办法通过newTaskController上的新$ scope来解决这些问题,类似于我通过HTML做的方式?

我是否需要一个单独的&#34; newTaskModal.html&#34;而是被打开而只是

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

上面是为了获得我正在寻找的功能?

1 个答案:

答案 0 :(得分:0)

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