TabStripsでの剣道角形のバリデーション

Question

角度4と剣道を角度に使用しています。 私はタブを含むフォームを持っています。提出に

<form class="form-horizontal" #f="ngForm" (submit)="update(f.valid)" novalidate> 
    <kendo-tabstrip> 
     <kendo-tabstrip-tab [title]="'Main settings'" [selected]="true"> 
     . 
     . 
     . 
     </kendo-tabstrip-tab> 
     <kendo-tabstrip-tab [title]="'Working time'"> 
      <div class="col-md-12"> 
       <div class="col-md-2"> 
        <span> mail to</span> 
       </div> 
       <div class="col-md-10"> 
        <input class="k-textbox" name="mailTo" [(ngModel)]="mailTo" required/> 
       </div> 
       <div class="col-sm-12" [hidden]="!f.submitted"> 
        <small [hidden]="mailTo" class="text-danger">Please enter mail to</small> 
       </div> 
      </div> 
     </kendo-tabstrip-tab> 
    </kendo-tabstrip> 
    <button kendoButton type="submit" [primary]="true">Save</button> 
</form> 

、最初のタブがアクティブであり、第二は、第2のタブにname="mailTo"で入力が検証されておらず、検証が通過しません。おそらく、第2のタブが隠されているためです。非アクティブなタブの入力を検証する方法はありますか？

Answer 1

[keepTabContent] = "true"を指定すると、タブが選択されていなくてもDOMのすべてのタブコンテンツが保持されます。 保存を押すと、すべての入力バリデーターが非アクティブなタブで実行されます

<kendo-tabstrip [keepTabContent]="true"> 
    <kendo-tabstrip-tab [title]="'Main settings'" [selected]="true"> 
...