我有一张表,<input>
每个表都填满了字段,<td>
在ng-repeat
. 在某些情况下,某些输入可能会带来null
价值。我想访问该ng-model
值,以检测用户何时更改ng-model
in的值!=null
以启用按钮来处理服务器中的数据。那是中的代码ng-repeat
:
<tbody>
<tr ng-repeat="data in resultValue=(vm.ExcelDataDialog) | filter: FilterNullData" class="fade">
<td style="min-width: 2px !important;width:2px !important">{{$index + 1}}</td>
<td>
<input type="text" ng-model="data.Pershkrimi" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.Pershkrimi != null, input_red: data.Pershkrimi == null}" />
</td>
<td>
<input type="text" ng-model="data.Klienti" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.Klienti != null, input_red: data.Klienti == null}" />
</td>
<td>
<input type="text" ng-model="data.KodiArtikullit" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.KodiArtikullit != null, input_red: data.KodiArtikullit == null}" />
</td>
<td>
<input type="number" ng-model="data.Sasia" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.Sasia != null, input_red: data.Sasia == null}" />
</td>
<td>
<input type="number" ng-model="data.Cmimi" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.Cmimi != null, input_red: data.Cmimi == null}" />
</td>
<td>
<input type="text" ng-model="data.DateFillimi" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.DateFillimi != null, input_red: data.DateFillimi == null}" />
</td>
<td>
<input type="text" ng-model="data.DateMbarimi" ng-model-options="{ 'updateOn': 'blur' }" ng-class="{validate_for_creating_new_ofer: data.DateMbarimi != null, input_red: data.DateMbarimi == null}" />
</td>
</tr>
</tbody>
我检查控制器中的数据是否为空,但我想检查它们何时在视图中归档以启用按钮。有按钮代码:
<md-button type="submit" id="create_offer"
ng-click="vm.AddOfferByImportingExcel()"
class="send-button md-accent md-raised"
aria-label="krijo_oferte"
ng-disabled = "data.Pershkrimi == null">
Krijo ofertë
</md-button>
验证输入并在任何值为空/空时禁用按钮的最简单方法是添加角度表单验证。您需要做的就是用一个表单(如果还没有完成)包围您的代码,并确保它有一个name
. 然后添加ng-required="true"
到您需要的每个输入中。然后您可以访问formName.$invalid
以确定表单是否有效。
<form name="formName">
<tbody>
<tr ng-repeat="data in resultValue=(vm.ExcelDataDialog) | filter: FilterNullData" class="fade">
<td style="min-width: 2px !important;width:2px !important">{{$index + 1}}</td>
<td>
<input type="text" ng-model="data.Pershkrimi" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.Pershkrimi != null, input_red: data.Pershkrimi == null}" />
</td>
<td>
<input type="text" ng-model="data.Klienti" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.Klienti != null, input_red: data.Klienti == null}" />
</td>
<td>
<input type="text" ng-model="data.KodiArtikullit" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.KodiArtikullit != null, input_red: data.KodiArtikullit == null}" />
</td>
<td>
<input type="number" ng-model="data.Sasia" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.Sasia != null, input_red: data.Sasia == null}" />
</td>
<td>
<input type="number" ng-model="data.Cmimi" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.Cmimi != null, input_red: data.Cmimi == null}" />
</td>
<td>
<input type="text" ng-model="data.DateFillimi" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.DateFillimi != null, input_red: data.DateFillimi == null}" />
</td>
<td>
<input type="text" ng-model="data.DateMbarimi" ng-model-options="{ 'updateOn': 'blur' }" ng-required="true" ng-class="{validate_for_creating_new_ofer: data.DateMbarimi != null, input_red: data.DateMbarimi == null}" />
</td>
</tr>
</tbody>
<md-button type="submit" id="create_offer"
ng-click="vm.AddOfferByImportingExcel()"
class="send-button md-accent md-raised"
aria-label="krijo_oferte"
ng-disabled = "formName.$invalid">
Krijo ofertë
</md-button>
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句