Angular 2 : clear textarea from component class

Question

我有一个带有选项列表的文本区域。如果单击其中一个选项并且在文本区域内按下回车键，则应将标记发送到服务器并清除文本区域。

<ul>
<li *ngFor="let tag of tags">{{tag.tag}}</li>
<li><textarea #box (keyup)="searchTag(box.value)" (key.enter)="addTag(box.value)"></textarea>
    <ul>
        <li *ngFor="let tag of options" (click)="addTag(tag.tag)">{{tag.tag}}</li>
    </ul>
</li>

如何在信息发送到服务器之前或之后清除文本区域？ clear 命令应该从 addTag 函数调用。

Answer 1

你可以给textarea绑定(bind)默认值

<textarea [(ngModel)]="defaultValue"></textarea>

组件代码:

export class TaggingComponent {
    defaultValue: string = '';

    addTag(value) {
      this.defaultValue = ''; 
    }
}

确保 FormsModule 已导入到 app.module.ts

import { FormsModule } from '@angular/forms';

@NgModule({
  imports:      [ 
    FormsModule
    ...
   ],