Aurelia popover复选框checked.bind没有反映在视图模型上

时间:2016-10-14 07:27:24

标签: aurelia aurelia-binding

我们在popover中实现了复选框。我们使用的是checked.bind,但在视图模型中它没有反映其对复选框更改的价值。

示例要点运行如下:

Gist Run

先谢谢

1 个答案:

答案 0 :(得分:2)

编程注入的HTML需要手动编译

我之前提供给您的bootstrap的集成无法做到这一点。 bootstrap插件分配了popover的innerHTML属性,它在aurelia的渲染管道之外执行。因此,HTML不是由aurelia编译的,这就是为什么绑定(和其他aurelia行为)不起作用的原因。

只要遵循约定(例如自定义元素),模板框架就会自动为您处理。在任何其他情况下,您都需要手动使用ViewCompiler。

如果您有兴趣,可以查看以编程方式生成的HTML in this gist的示例。如果您想了解更多信息,请参阅this question。但是,我不建议在这种情况下使用它。

使用aurelia-dialog

工具提示(或弹出窗口)只是:关于如何使用该工具的提示。它不应该只需要一些简单的标记,文本和样式(当然这在某种程度上是主观的,有些人可能不同意)

为了收集页面或屏幕之间的用户输入,我认为模态对话框更合适,因为它的属性可以弹出"弹出"更多并且不再强调屏幕的其余部分,直到用户继续或取消。

更重要的是,通过使用aurelia-dialog您的绑定和行为将会起作用,因为它是一个aurelia插件: - )