本文实例讲述了AngularJS实现select的ng-options功能。分享给大家供大家参考，具体如下：
创新互联公司专注于企业全网营销推广、网站重做改版、离石网站定制设计、自适应品牌网站建设、H5页面制作、电子商务商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为离石等各大城市提供网站开发制作服务。
controller
.controller('MainController', function($scope, $http, $ionicModal, $timeout) {
var post = {};
$http.get("data/themeData.json")
.success(function(response) {
$scope.themeData = response.themeData;
});
$ionicModal.fromTemplateUrl('templates/post.html', {
scope: $scope
}).then(function(modal) {
$scope.modal = modal;
});
$scope.postShow = function() {
post = $scope.post = {};
$scope.modal.show();
};
$scope.cancelPost = function() {
$scope.modal.hide();
};
$scope.doPost = function() {
console.log('doPost-----');
console.log(post);
$timeout(function() {
$scope.cancelPost();
}, 1000);
};
})
html
实现的DOM
可以用ng-change事件监控来看看输出的是什么
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
当前标题：AngularJS实现select的ng-options功能示例
当前链接：
http://cdkjz.cn/article/gjspeg.html
