奥蕾莉亚弹出窗口复选框已选中.绑定不反映在视图模型上



我们在弹出窗口中实现了复选框。这里我们用的是checked。绑定,但在视图模型中,它不会在复选框更改时反映其值。

示例Gist运行如下:

依据运行

Thanks in Advance

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

我之前提供给您的与bootstrap的集成不能做到这一点。bootstrap插件为弹出窗口分配innerHTML属性,并且它在aurelia的渲染管道之外执行此操作。因此,HTML不会被aurelia编译,这就是绑定(和其他aurelia行为)无法工作的原因。

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

如果您感兴趣,可以在本要点中看到一个以编程方式生成HTML的示例。如果你想了解更多,也可以看看这个问题。但是,我不建议在这种情况下使用它。

使用aurelia-dialog

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

对于收集页面或屏幕之间的用户输入,我认为模态对话框是更合适的选择,因为它的属性是"弹出"。

更重要的是,通过使用aurelia-dialog,您的绑定和行为将简单地工作,因为,好吧,它是一个aurelia插件:-)

最新更新