<select>标签使用默认值angular5验证表单

时间:2018-02-16 11:55:46

标签: angular5

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

0 个答案:

没有答案