Как применить проверку формы внутри таблицы данных в angular2

Question

Я пытаюсь применить обязательную проверку поля для текстового поля, который находится внутри шаблона таблицы данных.

Обязательное поле для проверки правильности сообщения, но так как нет тега формы, я не смог проверить form.valid в компоненте.

Вы найдете ниже код:

<data-table id="user-grid"(reload)="reloadItems($event) [items]="userData"> 

    <data-table-column [header]="'UserName'"> 
      <template #dataTableCell let-item="item"> 
       <span> 
       <input type="text" [(ngModel)]="item.UserName" class="form-control" required #UserName="ngModel" name="UserName"/> 

       <span class="text-danger" *ngIf="(UserName.errors != null && UserName.errors.required && (UserName.dirty))"> 
        Please enter user name. 
       </span> 
       </span>     
      </template> 
    </data-table-column> 
    <data-table-column [header]="'Action'" > 
     <template #dataTableCell let-item="item">          
      <a title="Save" (click)="save(item)" class="btn green btn-sm">           
      </a>           
     </template> 
    </data-table-column> 

    </data-table> 

Любая помощь будет заметна.

Answer 1

Поместите элемент данных в тег формы, имеющий ngForm. Это запустило бы проверку формы. Пожалуйста, смотрите ниже:

<form #testform="ngForm"> 
    <data-table> 
    </data-table> 
</form>