2016-08-23 77 views
0

我嘗試做以下外的HTML參考形式:Angular2:從表單標籤

<span *ngIf="heroForm?.dirty"> 
    FOO 
</span> 
<form *ngIf="active" (ngSubmit)="onSubmit()" #heroForm="ngForm"> 
    <div class="form-group"> 
     <label for="name">Name</label> 
     <input type="text" class="form-control" id="name" 
     required 
     [(ngModel)]="model.name" name="name" 
     #name="ngModel"> 
    </div> 
</form> 

基本上,顯示跨度表單標籤之外,使用表單狀態(這裏dirty) 。不幸的是,FOO從不顯示。有什麼辦法可以解決這個問題嗎?

+0

我不知道是否有可能在模板驅動的表單中,但是您想要的行爲可以在模型驅動的表單中輕鬆實現:) – Godfather

回答

0

創建一個模型屬性,showFoo: boolean

和改變,在某些形式的活動,像的onChange

那麼你span看起來像

<span *ngIf="showFoo">FOO</span>