2016-11-24 106 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。答案是更新的細節。 –