ng-selected 与ng-options的使用

PHPABC angularjs 767 次浏览 , 没有评论

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go