Angularjs下拉式验证不起作用
以下是代码片段:Angularjs下拉式验证不起作用,angularjs,Angularjs,以下是代码片段: <select name="userSchool" id="userSchool" ng-model="data.model" ng-init="data.model='0'" required> <option value="0">Select School</option> <option ng-repeat="option in data.availa
<select name="userSchool" id="userSchool" ng-model="data.model" ng-init="data.model='0'" required>
<option value="0">Select School</option>
<option ng-repeat="option in data.availableOptions" value="{{option.id}}">{{option.name}}</option>
</select>
<md-button type="submit" class="md-raised md-accent submit-button" aria-label="Sign up"
ng-disabled="signupForm.$invalid || signupForm.$pristine" ng-click="signupNow()">
SIGN UP
</md-button>
选择学校
{{option.name}
注册
我只是简单地使用required作为我的名字
<input type="text" name="firstName" ng-model="vm.form.firstName" placeholder="Enter first name"
required>
它适用于名字,但不适用于userSchool
请提出建议。因为您已经用一个值初始化了它,所以所需的属性已经满足。您需要使用一个没有值的选项,并去掉
ng init
,以使所需的验证正常工作
angular.module('app',[])
.controller('ctrl',函数($scope){
$scope.data={};
$scope.data.model=未定义;
$scope.data.availableOptions=[{
id:1,
名称:‘学校一’
}, {
id:2,
名称:‘学校二’
}, {
id:3,
名称:“学校3”
}];
$scope.submit=函数(){
log('submitted:',$scope.data.model);
};
});代码>
选择学校
{{option.name}
由于已使用值对其进行初始化,因此已满足所需属性。您需要使用一个没有值的选项,并去掉ng init
,以使所需的验证正常工作
angular.module('app',[])
.controller('ctrl',函数($scope){
$scope.data={};
$scope.data.model=未定义;
$scope.data.availableOptions=[{
id:1,
名称:‘学校一’
}, {
id:2,
名称:‘学校二’
}, {
id:3,
名称:“学校3”
}];
$scope.submit=函数(){
log('submitted:',$scope.data.model);
};
});代码>
选择学校
{{option.name}
绝对不是……你能补充你的问题吗,你提供的代码片段显示很少,请给我们看你的html和javascript(在本例中是控制器)代码抱歉发布了,很遗憾,让我发布正确的查询。好了:)你已经标记为必需,然后用0
值初始化它,使其具有有效值。当你说它不起作用时,它不需要选择一个值不是0
的选项吗?绝对不需要…你能给你的问题补充更多吗,你提供的代码片段显示很少,请给我们看你的html和javascript(在这种情况下是控制器)代码抱歉发布了不幸的是,让我发布正确的查询。现在:)您已将其标记为必需,但随后使用值0
对其进行了初始化,因此它具有有效值。当您说它不起作用时,它不需要选择一个值不是0
的选项吗?感谢mate它起作用了:)这就是问题ng init=“data.model='0'”感谢mate它起作用了:)这就是问题ng init=“data.model='0'”