2016-11-24 107 views
1

我有一个textarea与选项列表。 如果其中一个选项被点击,并且如果在文本区域内按下回车键,标签应该被发送到服务器,并且文本区域应该被清除。角2:从组件类清除textarea

<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函数调用。

+0

box.value = NULL在addTag函数 – MMK

+0

我已经试过这个,盒子里面不知道cla ss – CordlessWool

回答

1

可以默认值绑定到textarea的

<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 
    ... 
    ], 
+0

我测试了几次,但我没有得到它的工作方式。 侧面不再加载,firefox返回错误信息:无法绑定到'ngModel',因为它不是'textarea'的已知属性。 – CordlessWool

+0

你可以显示你的组件和html模板代码吗? –

+1

检查你的app.module.ts文件。您应该导入FormsModule。答案是更新的细节。 –