码迷,mamicode.com
首页 > 其他好文 > 详细

ng-selected 与ng-options的使用

时间:2015-02-05 09:26:31      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:

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‘
            }
        ];
}]);

 

ng-selected 与ng-options的使用

标签:

原文地址:http://www.cnblogs.com/yshyee/p/4273828.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!