如何使用ng-messages和ionic制作一个复选框?

时间:2018-01-19 10:47:37

标签: angularjs html5 forms ionic-framework

我在我的应用上制作表单。 Cordova CLI 8.0,Ionic 1.3.5,AngularJS 1.5。

我想在表单上填写一个复选框。

这是我到目前为止所尝试的内容:

<ion-checkbox name="entry.exportcode" ng-model="entry.value" ng-required="entry.mandatory === '1'">{{ entry.itemlabel }}</ion-checkbox>
<div ng-messages="form.templateForm[entry.exportcode].$error">
    <div class="form-error" ng-message="required"><span ng-i18next="VALIDATION_REQUIRED_FIELD"></span></div>
</div>

强制部分被忽略,我看不到任何错误消息。

我可能做错了什么?

1 个答案:

答案 0 :(得分:0)

我猜你在ng-messages

中缺少引号

应该是ng-messages="form.templateForm['entry.exportcode'].$error"而不是ng-messages="form.templateForm[entry.exportcode].$error"

<ion-checkbox name="entry.exportcode" ng-model="entry.value" ng-required="entry.mandatory === '1'">{{ entry.itemlabel }}</ion-checkbox>
<div ng-messages="form.templateForm['entry.exportcode'].$error">
    <div class="form-error" ng-message="required"><span ng-i18next="VALIDATION_REQUIRED_FIELD"></span></div>
</div>