您将如何访问 Aurelia 中的 DOM 元素?这是一个广泛而普遍的问题,但我觉得有一种或两种首选方法可以做到这一点。我目前在 Aurelia 有两个案例:
在模板中我有一个表单。我想在 VM canDeactivate() 上访问 View 模型中的表单元素,以中断用户离开半填写的表单。所以我尝试访问元素的范围可以被认为是本地的。
在另一个 View 模型中,我想隐藏 VM activate() 上的导航。导航驻留在另一个 View 模型/模板对中,因此范围可以被认为是全局的。
最佳答案
正如 Rob 所建议的,使用 ref
。对于您的示例:
查看
<form ref="myForm"></form>
View 模型
class ViewModel {
canDeactivate() {
var form = this.myForm;
// do stuffs
}
}
有关 ref 属性的更多信息,请参见此处:http://aurelia.io/docs/binding/basics#function-references
关于javascript - 在 Aurelia 中访问 DOM 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29863044/