在离子1.x中,我如何要求离子无线电需要输入?

时间:2016-07-16 04:44:11

标签: angularjs ionic-framework

我在ng-repeat内有一个离子收音机,有两个选项:是或否。

的index.html

<div ng-controller="Ctrl">
    <form name="form" ng-repeat="item in vm.items">
        <ion-radio name="radio{item.data.id}" ng-model="item.data" ng-require ng-value="'yes'" />Yes</ion-radio>
        <ion-radio name="radio{item.data.id}" ng-model="item.data"  ng-require ng-value="'no'" />No</ion-radio>
        <button type="submit" >Submit</submit>
    </form>
</div>

app.js

class Ctrl { 
     constructor() {
        this.data = {};
     }
     submit() {
        if (this.data) {
            formService.update(this.data);
        }
     }
}

使用内置的角度形式验证器,我如何需要离子无线电输入?

我已尝试添加必填字段,但仍允许我提交

P.S。这是针对离子1.x

2 个答案:

答案 0 :(得分:1)

显然,AFAIK的任何地方都没有记录。但您可以通过提供值将ng-require添加到离子无线电中。

<强>之前

<ion-radio ng-require name="radio{item.data.id}" ng-model="item.data" ng-value="'yes'" />Yes</ion-radio>

<强>后

<ion-radio ng-require='true' name="radio{item.data.id}" ng-model="item.data"  ng-value="'yes'" />Yes</ion-radio>

答案 1 :(得分:0)

尝试使用ng-submit

编写此代码的其他方法是代码您自己的提交按钮,其中包含ng-click事件,您可以在其中添加自己的验证。