100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angularJs(2)表单中下拉框单选多选

angularJs(2)表单中下拉框单选多选

时间:2022-06-22 22:59:28

相关推荐

angularJs(2)表单中下拉框单选多选

多选

<input type="checkbox" ng-model='game' ng-true-value="1" ng-false-value="0"/>游戏<input type="checkbox" ng-model="video" ng-true-value="1" ng-false-value="0"/>电影

单选

<input type="radio" ng-model="sex" value="1" /><input type="radio" ng-model="sex" value="0" />

下拉框

$scope.citys=$scope.data[0].city; 解决第一个选项为空白

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style>.ng-cloak{display: none;}</style></head><body ng-app="app" ng-controller="ctr" ng-cloak class="ng-cloak"><select ng-model="citys"><option ng-repeat="item in data">{{item.city}}</option></select><p>{{citys}}</p><script src="../angular.js"></script><script>angular.module('app',[]).controller('ctr',function($scope){$scope.data=[{city:'北京',code:541654},{city:'上海',code:5756},{city:'广州',code:54454}];$scope.citys=$scope.data[0].city;})</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。