【问题标题】:how to two way bind angular-ui-bootstrap-modal without watches and services如何在没有手表和服务的情况下以两种方式绑定 angular-ui-bootstrap-modal
【发布时间】:2014-03-07 14:49:33
【问题描述】:

我正在从 angular-ui-modal

他们所示范的基本设计在它旁边的 plunker 上。

但是我的应用程序要求它(模态)在同一个单页 Web 应用程序中多次实现(以节省加载等)。

在这个 plunker 中修改了他们的基本 plunker [link : see my plunker here]

在上面的 plunker 中,我试图在两个控制器之间应用动态绑定。 如:

我希望内部控制器模态模板中的“checkBind”值反映在外部控制器中。

我知道这是不可能的,因为“范围不同”。

现在我不太相信为此使用手表/广播/服务 “小模态的东西”。

我有几个问题:

  1. 我是否必须创建一个单独的控制器才能使用 angular ui 模态。

  2. 我如何使用“OuterCtrl”(在我的 plunker 中)以某种方式编写所有模式调用和处理程序方法(如 $scope.open.... $scope.ok .... $scope.cancel 等) .

  3. 如何以尽可能少的代码将 checkBind 的值从模式直接绑定到外部控制器(我的意思是忽略手表服务等)

如果“3”是可能的,那么我真的可以忽略 1 和 2(但我仍然想知道答案)

我知道我在这里遗漏了一些东西。请告诉我那是什么。

提前致谢

【问题讨论】:

    标签: angularjs modal-dialog angular-ui controllers angular-ui-bootstrap


    【解决方案1】:

    我是 Angular 新手,你的英语有点难以理解,但你不能将其设置为 modal.checkBind,然后将该属性放在更高的范围内吗?

    【讨论】:

    • 你在说这个吗。 link。还是不行
    • 你试过$broadcast / $on
    • 我知道它可以使用它。但我的问题是,对于像模态这样的小东西,首先要有一个单独的控制器然后使用模态(输入框)中输入的值并将其广播到主控制器会很冗长。这一切都是为了什么.....获取“另存为”文件的名称
    • 哦,它不起作用,因为您从未初始化 $scope.modal = {}。你有没有得到这个工作?这很简单
    • 如果可能的话,你能不能把它弄弄一下。这会很有帮助。
    猜你喜欢
    • 2021-07-27
    • 2019-10-28
    • 2020-01-16
    • 1970-01-01
    • 2021-01-05
    • 1970-01-01
    • 1970-01-01
    • 2017-12-24
    • 1970-01-01
    相关资源
    最近更新 更多