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

标签：angularjs   select   option   onchange   

</pre><pre name="code" class="javascript">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);
    }

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

                        </select>

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

标签：angularjs   select   option   onchange   

原文地址：http://blog.csdn.net/yanjun008/article/details/42126311