ng-selected 與ng-options的使用

1：ng-selected用在<option>標簽上面，ng-options用在<select>上面，用於動態創建options列表。

<form class="uk-form" ng-controller="TestCtrl">
            <select ng-model="sex">
                <option value="m" ng-selected="sex=='m'">Male</option>
                <option value="f" ng-selected="sex=='f'">Fmale</option>
            </select>
            
            <p>Selected City Code: {{ city.code }}</p>
            <select ng-model="city" ng-options="city.name for city in cities"></select>
        </form>

2：city.name作為用戶選擇時看到的值，用戶選擇的時city對象，通過city.code獲取其對應的代碼。

<select ng-model="city" ng-options="city.name for city in cities"></select>

3：index.js

var myApp = angular.module('myApp', []);

myApp.controller('TestCtrl',['$scope', function($scope){
        $scope.sex = 'm';
        
        $scope.cities = [
            {
                name:'青島',
                code:'qd'
            },
            {
                name:'北京',
                code:'bj'
            },
            {
                name:'濟南',
                code:'jn'
            }
        ];
}]);