html - 在 HTML 中将变量作为参数传递

Question

我正在尝试调用一个使单击的字段为空的函数，

如果我写 (focus)="this.element.task=null" ，它可以工作，但如果我写 (focus)="resetFields(this.element.task)" 有办法实现吗？

重置字段方法:

resetFields(elm) {
    elm = NULL;
    this.submitted = false;
}

Stackblitz 上的示例:http://stackblitz.com/edit/angular-nvgtec

Answer 1

Javascript 是按值传递的，仅对于对象，值是对该对象的引用。参见 this question .

所以你原来的问题的答案是否定的。您无法在函数内部修改某些内容并在函数外部查看结果，因为更改在当前函数范围内可见。您只能将对象发送到该函数并修改该对象。

resetFields(elm) {
    elm = NULL;  //won't work, will only set reference to elm to null inside resetFields function scope
    elm.someProperty = null; //will work
}

但是你可以这样做:

resetFields(elm, property) {
    elm[property] = null;
}

(focus)="resetFields(this.element, 'task')"

已更新 stackblitz demo .