我正在研究angular5模板驱动的表单。
问题:我在表单中使用了选择列表,并从我的demo.ts文件中提供了选择列表的值数组。以下是我提供的选项:
this.states = [];
this.states.push({label:'选择州',价值:''});
this.states.push({label:' Maharashtra',value:' Maharashtra'});
this.states.push({label:' AndhraPradesh',value:' AndhraPradesh'});
我的HTML代码:
< div class =" ui-grid-col-4">
< p-dropdown [options] =" states"命名=" pass_state" [(ngModel)] =" applicant.pass_state" [ngModelOptions] =" {standalone:true}"
[autoWidth] ="假" #passstate =" ngModel"所需>< / P-下拉>
< div * ngIf =" passstate.invalid&& (passstate.dirty || passstate.touched)" class =" alert alert-danger">
< div [hidden] ="!attempt.hasError(' required')"> state是必需的< / div>
< / DIV>
< / DIV>
问题:我需要验证此表单,但是当我选择默认值表单成功提交状态为空值时,我需要填写必需的状态。