如何ctrl。$ setViewValue（undefined）; ，ctrl。$ render（）;和范围。$ digest（）;在angular2工作

Question

我想从侦听器清空并重置输入标记的值。

.on('click', function(e) {
    if(elem.hasClass('v')) {
        elem.removeClass('v').val(undefined);
        ctrl.$setViewValue(undefined); //how to in angular2?
        ctrl.$render(); //how to in angular2?
        scope.$digest(); //how to in angular2?
    }
});

Answer 1

为此，您需要引用与输入关联的控件。然后，您可以在此控件上调用updateValue方法。

以下是一个示例：

this.formCtrl = formBuilder.group({
  someInput: [ '', ... ]
});

this.formCtrl.controls.someInput.updateValue('');

以下是将控件与表单输入链接的方法：

<form [ngFormModel]="formCtrl">
  <input [ngFormControl]="formCtrl.controls.someInput"/>
</form>

有关详细信息，请参阅此文章：

• http://restlet.com/blog/2016/02/11/implementing-angular2-forms-beyond-basics-part-1/