【问题标题】:How to make a checkbox required with ng-messages and ionic?如何制作 ng-messages 和 ionic 所需的复选框?
【发布时间】:2018-06-28 14:09:41
【问题描述】:

我正在我的应用上制作表格。 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>

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

我做错了什么?

【问题讨论】:

    标签: angularjs html forms ionic-framework


    【解决方案1】:

    我猜你在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>
    

    【讨论】:

    • 但是我的是一个变量值而不是一个字符串。
    • name 中的 ion-checkbox 属性是字符串而不是变量。签入开发工具,您将按原样看到它。同样应该用于检查错误。
    • 我的表单是动态生成的,所以我需要它是一个变量。
    • 没关系你是对的,我让它工作了!非常感谢!
    猜你喜欢
    • 2015-09-13
    • 1970-01-01
    • 1970-01-01
    • 2010-11-16
    • 1970-01-01
    • 2017-06-29
    • 2016-11-11
    • 1970-01-01
    • 2015-04-10
    相关资源
    最近更新 更多