javascript - 在 Aurelia 中访问 DOM 元素

Question

您将如何访问 Aurelia 中的 DOM 元素？这是一个广泛而普遍的问题，但我觉得有一种或两种首选方法可以做到这一点。我目前在 Aurelia 有两个案例:

在模板中我有一个表单。我想在 VM canDeactivate() 上访问 View 模型中的表单元素，以中断用户离开半填写的表单。所以我尝试访问元素的范围可以被认为是本地的。

在另一个 View 模型中，我想隐藏 VM activate() 上的导航。导航驻留在另一个 View 模型/模板对中，因此范围可以被认为是全局的。

Answer 1

正如 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