本文共 1572 字,大约阅读时间需要 5 分钟。
1. select标签中的ng-model 使用时注意,选择的结果
var app = angular.module('myApp', []); app.controller('validateCtrl', function ($scope, $timeout) { $scope.items = [ { id: 1, name: '山东' }, { id: 2, name: '山西' } ]; $scope.areaID = 1; $scope.$watch('areaID', function (newValue) { console.info(newValue); }); });
选择的结果是:object
选择的结果是ID地区是必须的
2.使用group by分组显示
var app = angular.module('myApp', []); app.controller('validateCtrl', function ($scope, $timeout) { $scope.animals = [ { id: '00001', name: '猫', sex: '雌', food: '鱼', favor: '玩球' }, { id: '00002', name: '狗', sex: '雄', food: '骨头', favor: '接盘子' }, { id: '00003', name: '兔', sex: '雌', food: '胡萝卜', favor: '刨洞' }, { id: '00004', name: '狮', sex: '雄', food: '肉', favor: '猎物' } ]; $scope.AniID = '00004'; $scope.$watch('AniID', function (newValue) { console.info(newValue); }); });
3.在Mvc中后台输出ng-options数据内容如下:
运行结果如下:注意,此处内容外部使用单引号包裹,也就是ng-options='xxx'
更多: