微客导航 » 文章资讯 » AngularJS实现select的ng-options功能示例

AngularJS实现select的ng-options功能示例

2024-02-06 15:00:13 312

本文实例讲述了AngularJS实现select的ng-options功能。分享给大家供大家参考，具体如下：

controller

.controller('MainController',function($scope,$http,$ionicModal,$timeout){
varpost={};
$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


选择主题分类
主题111
主题222
有没问题
测试112
你好
主题
测试000

可以用ng-change事件监控来看看输出的是什么

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJSMVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

AngularJS实现select的ng-options功能示例

热门推荐

随机推荐