AngularJS组复选框验证

23 浏览
0 Comments

AngularJS组复选框验证

我有一个复选框列表,其中至少一个是必选项。我尝试通过AngularJS验证来实现这一点,但是遇到了困难。以下是我的代码:

// js代码

var app = angular.module('App', []);

function Ctrl($scope) {

$scope.formData = {};

$scope.formData.selectedGender = '';

$scope.gender = [{

'name': '男',

'id': 1

}, {

'name': '女',

'id': 2

}];

$scope.formData.selectedFruits = {};

$scope.fruits = [{

'name': '苹果',

'id': 1

}, {

'name': '橙子',

'id': 2

}, {

'name': '香蕉',

'id': 3

}, {

'name': '芒果',

'id': 4

}, ];

$scope.submitForm = function() {

}

}

// html代码

请选择您喜欢的:

{{val.name}}

{{val.name}}

{{formData.selectedFruits}}

这是plunker中的代码:http://plnkr.co/edit/Bz9yhSoPYUNzFDpfASwt?p=preview 有人在AngularJS上做过这个吗?将复选框设置为required,强制我选择所有复选框的值。这个问题在AngularJS的文档中也没有记录。

0