AngularJS: 使用ng-option生成下拉框并在controller调用
</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); }HTML代码
<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>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。