博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJs ng-options
阅读量:4288 次
发布时间:2019-05-27

本文共 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'

更多:

 

 

你可能感兴趣的文章
ELasticSearch安装使用过程中遇到的坑的解决方案,以及使用Kibana操作ELasticSearch
查看>>
java客户端操作elasticsearch7.3.2版本
查看>>
安装logstash7.3.2遇到的坑及解决方案
查看>>
linux常用命令
查看>>
JSP基础知识
查看>>
JavaScript基础知识(一)
查看>>
JavaScript基础知识(二)
查看>>
java开发面试中经常问到的问题(2019年5月)
查看>>
Oracle数据库基础知识(一)
查看>>
Oracle数据库基础知识(二)
查看>>
CentOS7安装mysql数据库完整过程以及安装中遇到的各种问题的解决方案
查看>>
java加密与解密(一)
查看>>
java加密与解密(二)
查看>>
在eclipse中使用git创建本地库,以及托管项目到GitHub超详细教程
查看>>
xml文件、jsp文件、sql文件、shell脚本文件注释
查看>>
json数据格式基础知识
查看>>
各种编程技术中的$符的使用
查看>>
jquery基础知识(一)
查看>>
jquery基础知识(二)
查看>>
java基础知识---IO常用基础操作(一)
查看>>