根据<select>选项强制设置字段

时间:2016-02-29 09:29:34

标签: html angularjs ionic-framework

我的控制器中有这个选择选项:   $ scope.statusIds = [{      &#34; id_stato&#34;:18,      &#34; nome_stato&#34;:&#34; Autista arrivato fuori orario&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Autista arrivato fuori orario&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:4,      &#34; nome_stato&#34;:&#34; Destinatario chiuso per ferie&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Destinatario chiuso per ferie&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:3,      &#34; nome_stato&#34;:&#34; Destinatario assente&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Destinatario assente&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:5,      &#34; nome_stato&#34;:&#34; Destinatario trasferito&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Destinatario trasferito&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:6,      &#34; nome_stato&#34;:&#34; Destinatario non trovato&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Destinatario non trovato&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:7,      &#34; nome_stato&#34;:&#34; Impossibile consegnare&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Impossibile consegnare&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:8,      &#34; nome_stato&#34;:&#34; Indirizzo sbagliato&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Indirizzo sbagliato&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:9,      &#34; nome_stato&#34;:&#34; Merce respinta&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Merce respinta&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:10,      &#34; nome_stato&#34;:&#34; Non risponde al preavviso telefonico&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Non risponde al preavviso telefonico&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:11,      &#34; nome_stato&#34;:&#34;非ritirata da destinatario&#34;,      &#34;描述&#34;:&#34;&lt; p&gt;非ritirata da destinatario&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:12,      &#34; nome_stato&#34;:&#34; Richiesta al preavviso&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Richiesta al preavviso&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:13,      &#34; nome_stato&#34;:&#34; Rifiuta al preavviso&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Rifiuta al preavviso&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:14,      &#34; nome_stato&#34;:&#34; Ritira destinatario&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Ritira destinatario&lt; / p&gt;&#34;   },{      &#34; id_stato&#34;:15,      &#34; nome_stato&#34;:&#34; Destinatario chiuso&#34;,      &#34;描述&#34;:&#34;&lt; p&gt; Destinatario chiuso&lt; / p&gt;&#34;   }];   //$scope.statusIds = JSON.stringify($ scope.statusIds.rows);   的console.log($ scope.statusIds);   //}); 当选择此状态中的2个时,我需要强制另一个通常不是必需的字段。这是HTML视图: &lt; select ng-model =&#34; giacenza.statusSelect&#34;所需&GT;    &lt; option style =&#34; display:none&#34;值=&#34;&#34;&gt; seleziona stato&lt; / option&gt;    &lt; option ng-repeat =&#34; statusIds中的选项跟踪$ index&#34;值= {{options.id_stato}}&GT; {{options.nome_stato}}&LT; /选项&GT; &LT; /选择&GT; &LT; /标签&gt; &LT; / DIV&GT; &lt; label class =&#34; item item-input item-stacked-label&#34;&gt;    &lt; i class =&#34; fa fa-check&#34;&gt;&lt; / i&gt;    &lt; span class =&#34; x-ico&#34;&gt;&lt; / span&gt;    &lt; span class =&#34; input-label&#34;&gt;注意autista&lt; / span&gt;    &lt; textarea row =&#34; 5&#34; NG-模型=&#34; giacenza.note&#34;占位符=&#34; Scrivi qui le tue note&#34;&gt;&lt; / textarea&gt; &LT; /标签&gt; &LT; / DIV&GT; &lt; br /&gt; &lt; button ng-click =&#34; addImage()&#34; class =&#34; button uver-btn ion-camera&#34; style =&#34; background:green&#34;必需&gt; Aggiungi照片&lt; / button&gt; &lt; br /&gt; &lt; ion-item class =&#34; item item-avatar item-thumbnail-left&#34; ng-repeat =&#34;图像中的图像&#34;&gt;    &lt; img class =&#34; clearImg&#34; NG-SRC =&#34; {{图像}}&#34;&GT; &LT; /离子项&GT; &lt; br /&gt; &lt; br /&gt; 我需要根据所选状态上传图像

1 个答案:

答案 0 :(得分:0)

尝试使用ng-required

以下是相关问题conditionally require form inputs with AngularJS