页面
<ion-view view-title="筛选条件">
<ion-nav-buttons side="left">
<a class="button button-clear" ng-click="backToPhoneCall()"><i class="icon ion-ios-arrow-left"></i>电话量排行</a>
</ion-nav-buttons>
<ion-nav-buttons side="right">
<a class="button button-clear" ng-click="saveParam()">应用</a>
</ion-nav-buttons>
<ion-content>
<div class="list" ng-init="initPage()">
<div class="item item-divider" style="font-size: 17px;">时间范围{{selected}}
</div>
<div class="item">
<select ng-model="selected">
<option>本季度</option>
<option>本月</option>
<option>本周</option>
</select>
</div>
<div class="item item-divider" style="font-size: 17px;">查看范围
</div>
<div class="item" ng-click="goToAddUser()">
</div>
</div>
</ion-content>
</ion-view>
控制器
appCtrls.controller('chooseParamPhoneCallCtrl', function ($scope, $state, $stateParams, localStorageService, boardService) {
$scope.initPage=function(){
$scope.selected="";
}
$scope.backToPhoneCall = function () {
$state.go("tab.crm-viewCrmBoardPhoneCalls");
}
$scope.goToAddUser = function () {
var paramChoosePhoneCall = {term: $scope.selected};
console.debug("paramChoosePhoneCall-->>>" + angular.toJson(paramChoosePhoneCall));
//localStorageService.setLocalStorage("paramChoosePhoneCall",paramChoosePhoneCall);
}
})
如代码所示,页面加载之时初始化selected,然后将selected绑定到select,每次改变选择的内容{{selected}}中能正确显示改变后的内容,但是当点击查看范围下面的div触发goToAddUser后,在里面$scope.selected取到的不是选择后的内容,而是初始化之时赋得空值。
<select ng-model="selected">
<option>本季度</option>
<option>本月</option>
<option>本周</option>
</select>
<button ng-click="btnClick(selected)">event</button>
后台
$scope.btnClick = function (selected) {
// do sth
}
这样就好了
前台把值扔到方法里 就没问题了
<select
class="small"
ng-model="selects[0]"
ng-change="showSelect(select)"
ng-options="r.name for r in selects">
</select>
controller中
$scope.selects = [{id:'0',name:'本季度'},{id:'1',name:'本月'},{id:'2',name:'本周'}];
<select name="type" id="selSubtype" class="form-control" ng-model="article.subtype" style="min-width:120px;" required>
<option ng-repeat="asubtype in subtypes | filter:subfilter" ng-value="asubtype.id" ng-selected="asubtype.id == article.subtype" >{{asubtype.name}}</option>
</select>