了解Angularjs范围的Kendo UI对话框

时间:2014-01-20 06:52:18

标签: angularjs kendo-ui

我有simple example of Kendo UI dialog with Angular

在示例中,有一个按钮可打开Kendo模式对话框。在对话框内有一个输入框和一个关闭按钮。

我有两个问题:

  1. 输入的ng模型是“dialogOutput”。我在对话框外面有一个标签,它被绑定到此属性,但随后输入中的文本被更改,标签不会更改。我猜对话框有不同的范围,这就是它的行为方式。我不明白为什么当点击关闭按钮时,关闭功能的范围不是对话框的范围?在关闭按钮内我有alert($scope.dialogOutput)并显示未定义。
  2. 我想要做的是点击关闭按钮,我想将对话框中的数据“发送”到外部范围,我该怎么办?

1 个答案:

答案 0 :(得分:1)

使用点表示法在多个范围之间共享对象。

I have updated your jsbin

修改

当您写入基本类型时,将在您的kendo指令范围内创建一个新实例,而不是在控制器范围内。

这种问题引发了原始类型。正如here

所解释的那样

通过遵循始终拥有'。'的“最佳实践”,可以轻松避免使用原语这个问题。在您的ng模型中。