AngularJS: 使用ng-option生成下拉框并在controller调用

最新推荐文章于 2023-04-01 15:46:52 发布

学无止境-yj

最新推荐文章于 2023-04-01 15:46:52 发布

阅读量2.5k

点赞数

分类专栏：前端开发文章标签： angularjs select Option onchange 下拉框

本文链接：https://blog.csdn.net/yanjun008/article/details/42126311

版权

前端开发专栏收录该内容

14 篇文章 0 订阅

订阅专栏

Controller代码


function billsDetailController($scope, $http, $log) {

    var self = this;
    $scope.billsDetailData = [];
    $scope.billsDetailTotalData = [];

    $scope.model = [{
        id: 201401,
        productName: '2014-01'
    }, {
        id: 201402,
        productName: '2014-02'
    }, {
        id: 201403,
        productName: '2014-03'
    }, {
        id: 201404,
        productName: '2014-04'
    }, {
        id: 201405,
        productName: '2014-05'
    }, {
        id: 201406,
        productName: '2014-06'
    }, {
        id: 201407,
        productName: '2014-07'
    }, {
        id: 201408,
        productName: '2014-08'
    }, {
        id: 201409,
        productName: '2014-09'
    }, {
        id: 201410,
        productName: '2014-10'
    }, {
        id: 201411,
        productName: '2014-11'
    }, {
        id: 201412,
        productName: '2014-12'
    }
    ];

    $scope.currentPeriod = $scope.model[0].productName;

    $scope.change = function(){
        self.getDetailPagedDataAsync( $scope.currentPeriod);
        self.getDetailTotalData( $scope.currentPeriod);
    }

HTML代码

 <select id="selectError" ng-model="currentPeriod" ng-change="change()" ng-options="option.productName as option.productName for option in model">

 </select>