Angular JS 将 $scope 传递给 Modal

Posted

技术标签:

【中文标题】Angular JS 将 $scope 传递给 Modal【英文标题】:Angular JS Passing $scope to Modal 【发布时间】:2015-10-17 03:40:14 【问题描述】:

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>

模态仅显示“这是您的电话...”而不是“这是您的电话... SAMPLE TEXT”

我在这里有什么遗漏吗?

【问题讨论】:

【参考方案1】:

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

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

希望这会有所帮助。

【讨论】:

实际上,我尝试使用相同的控制器,但模态似乎无法从范围内读取任何内容。我会尝试你的建议。干杯伙伴! 摇滚吧!解析函数做得很好,谢谢队友! 您好,只是一个简单的问题,您如何“将解析的对象添加到范围” 哎呀没关系我在这里找到了解决方案***.com/questions/18576454/pass-parameter-to-modal 谢谢,成功了!伟大而灵活的解决方案,但我不得不问,如何将数据从模态控制器传递到另一个控制器?

以上是关于Angular JS 将 $scope 传递给 Modal的主要内容,如果未能解决你的问题,请参考以下文章

如何将选项更改传递给 Angular-UI ui-select2?

通过 Vue.js 中的 slot-scope 将 props 传递给所有子项的正确方法

如何使用 Angularjs 传递数据

如何将数据从angularjs传递给spring控制器

在Angular JS中的控制器之间传递数据?

如何将指令的范围值作为$ scope传递给控制器