2016-07-16 116 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