本文實(shí)例講述了AngularJS實(shí)現(xiàn)select的ng-options功能。分享給大家供大家參考,具體如下:
創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、離石網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為離石等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
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
實(shí)現(xiàn)的DOM
可以用ng-change事件監(jiān)控來看看輸出的是什么
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對大家AngularJS程序設(shè)計(jì)有所幫助。