Angular JS将$ scope传递给Modal

时间:2015-07-27 04:11:22

标签: angularjs modal-dialog parameter-passing

http://jsfiddle.net/dwmkerr/8MVLJ/

我正在尝试从上面的示例中进行实验。我的问题是模态似乎无法读取调用它的$ scope中的任何内容。

的Javascript

$scope.sampleTest = "SAMPLE TEXT"; // additional code
$scope.show = function() {

    ModalService.showModal({
        templateUrl: 'modal.html',
        controller: "ModalController"
    }).then(function(modal) {
        modal.element.modal();
        modal.close.then(function(result) {
            $scope.message = "You said " + result;
        });
    });
};

HTML

<p>It's your call...{{sampleText}}</p>

模态只显示“这是你的电话......”而不是“这是你的电话......样本文字”

这里有什么我想念的吗?

1 个答案:

答案 0 :(得分:2)

由于模态有自己的控制器(与调用模态的控制器分开),您需要将所需的任何变量传递给模态的解析函数。

然后在模态控制器中,您需要将已解析的对象添加到范围内,以便能够在模态视图中进行绑定

希望这有帮助。