Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs选择选项问题_Angularjs - Fatal编程技术网

Angularjs选择选项问题

Angularjs选择选项问题,angularjs,Angularjs,我是安格拉斯的新手。我试图做的是,当我从selectbox1中选择一个选项时,selectbox2的值会根据selectbox1中的值进行更改 例如:如果用户从selectbox1和selectbox2中选择Frontend,则需要显示值为“css、jquery、html、angularjs”,但在这里,当我从selectbox1中选择任何选项时。它显示“php、ruby、c、python”,知道我做错了什么。请帮帮我 angular.moduletrl,[] .controllerappsc

我是安格拉斯的新手。我试图做的是,当我从selectbox1中选择一个选项时,selectbox2的值会根据selectbox1中的值进行更改

例如:如果用户从selectbox1和selectbox2中选择Frontend,则需要显示值为“css、jquery、html、angularjs”,但在这里,当我从selectbox1中选择任何选项时。它显示“php、ruby、c、python”,知道我做错了什么。请帮帮我

angular.moduletrl,[] .controllerappsctrl,函数$scope{ $scope.data={ 前端:[{id:1,名称:'css'},{id:2,名称:'jquery'},{id:3,名称:'html'},{id:4,名称:'angularjs'}], 服务器:[{id:1,名称:'php'},{id:2,名称:'ruby'},{id:3,名称:'c'},{id:4,名称:'python'}] }; $scope.selectvalues=函数{ angular.forEach$scope.data,函数值,键{ $scope.values=值; }; } }; 选择 前端 服务器 选择 {{value.name} 应该是这样的。 你有一些问题

第一个选择标记的选项值不正确

          <option value="frontend">FrontEnd</option>
          <option value="Server">Server</option>
选择 前端 服务器 选择 应该是这样的。 你有一些问题

第一个选择标记的选项值不正确

          <option value="frontend">FrontEnd</option>
          <option value="Server">Server</option>
选择 前端 服务器 选择
试试这个。将“选择”选项的值从前端更改为前端。现在更改select选项时,select的ng模型将是前端或服务器,并且在控制器上,在更改事件中使用$scope.values=$scope.data[$scope.select]。那会解决你的问题

选择 前端 服务器 选择 {{value.name} angular.moduletrl,[] .controllerappsctrl,函数$scope{ $scope.data={ 前端:[{id:1,名称:'css'},{id:2,名称:'jquery'},{id:3,名称:'html'},{id:4,名称:'angularjs'}], 服务器:[{id:1,名称:'php'},{id:2,名称:'ruby'},{id:3,名称:'c'},{id:4,名称:'python'}] }; $scope.selectvalues=函数{ $scope.values=$scope.data[$scope.select]; } };
试试这个。将“选择”选项的值从前端更改为前端。现在更改select选项时,select的ng模型将是前端或服务器,并且在控制器上,在更改事件中使用$scope.values=$scope.data[$scope.select]。那会解决你的问题

选择 前端 服务器 选择 {{value.name} angular.moduletrl,[] .controllerappsctrl,函数$scope{ $scope.data={ 前端:[{id:1,名称:'css'},{id:2,名称:'jquery'},{id:3,名称:'html'},{id:4,名称:'angularjs'}], 服务器:[{id:1,名称:'php'},{id:2,名称:'ruby'},{id:3,名称:'c'},{id:4,名称:'python'}] }; $scope.selectvalues=函数{ $scope.values=$scope.data[$scope.select]; } };
好吧,想想你的代码是怎么做的:当调用selectvalues时,它不使用用户在第一个选择框中选择的内容,第一个选择框存储在$scope.select中。相反,它只是循环遍历$scope.data的所有值,并将最后一个值存储在$scope.values中。好吧,只要想想你的代码是做什么的:当调用selectvalues时,它不会使用用户在第一个选择框中选择的值,该框存储在$scope.select中。相反,它只是循环遍历$scope.data的所有值,并将最后一个值存储在$scope.values.hi中,感谢您的答案伴侣,但为什么将空值附加在顶部它最好使用ng选项,而不是ng重复。请参阅更新的答案。hi,感谢您的答案伴侣,但是为什么空值会附加在顶部呢?最好使用ng选项,而不是ng repeat。请参阅更新的答案。