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'

            }

        ];

}]);