我正在尝试使用ngoptions和ngchange来验证选择下拉列表中的内容。 例如,如果所选内容为“Ticket”,那么它将显示提交按钮。
目前,我认为(前端)有Jade:
Select(ng-model='angReporting' ng-options="r.reporting for r in
incategory" style="width:100px;" ng-change="ifChange(angReporting)" )
br
a.btn.btn-primary.btn-sm(ng-click="incidentsCreate()" ng-hide="validate(status)")
Submit
上面是一个简短的例子,我有一组链式选择(angularjs)工作。 为了验证选择了正确的内容,我在我的模块上有以下内容:
$ scope.itemList = [];
$scope.ifChange=function(item){
$scope.itemList.push(item.reporting);
for (var i=0; i < $scope.itemList.length; i++){
if($scope.itemList[i] === 'Ticket'){
$scope.validate = {status: false};
}
}
};
范围的json内容简而言之:
$scope.incategory = [
{
'reporting':'Incident',
'content':[
{
...
}
'reporting':'Ticket',
'content':[
{
...
}
提前感谢您分享您的想法 最好的问候
答案 0 :(得分:0)
&#34; angReporting&#34;当你这样做时没有定义:
ng-change="ifChange(angReporting)"
你可以得到ng-model&#34; angReporting&#34;控制器端的值为&#34; $ scope.angReporting&#34;所以我会夸大以下内容:
控制器
$scope.incategory = [
{
'reporting':'Incident',
'content':''
},
{
'reporting':'Ticket',
'content':''
}];
$scope.itemList = [];
$scope.ifChange=function(){
$scope.itemList.push($scope.angReporting.reporting);
for (var i=0; i < $scope.itemList.length; i++){
if($scope.itemList[i] === 'Ticket'){
$scope.validate = true;
}
}
};
查看
Select(ng-model='angReporting' ng-options="r.reporting for r in incategory" ng-change="ifChange()" )
br
a.btn.btn-primary.btn-sm(ng-click="incidentsCreate()" ng-show="validate") Submit