2016-07-16 80 views
0

我在ng-repeat里面有一个离子收音机,有两个选择:是或否。在离子1.x中,我如何要求离子无线电需要输入?

的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); 
     } 
    } 
} 

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

我试着加入NG-必填字段,但它仍然可以让我提交

附:这是用于离子1.x

回答

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> 
0

尝试使用ng-submit

其他写这个的方法是用ng-click事件编写你自己的提交按钮,在那里添加你自己的验证。

+0

这是比较繁琐。我要求建立验证。 – chrisjlee