angularJs(2)表單中下拉框單選多選

本文轉載自查看原文 2017-04-21 20:20 2614

多選

<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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 flask中單選、多選、下拉框的獲取 LAYUI 多選下拉框 Excel怎么下拉框多選下拉框--可多選 Excel怎么下拉框多選 DropDownList下拉框多選多選下拉框（select 下拉多選）簡單的react下拉框多選效果 Ext實現多選下拉框 multiple-select 多選下拉框