AngularJS实现select的ng-options功能示例-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

本文实例讲述了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://kswsj.cn/article/gjspeg.html

其他资讯