Page
<ion-view view-title="Filter Conditions">
<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>
<p class="list" ng-init="initPage()">
<p class="item item-pider" style="font-size: 17px;">时间范围{{selected}}
</p>
<p class="item">
<select ng-model="selected">
<option>本季度</option>
<option>本月</option>
<option>本周</option>
</select>
</p>
<p class="item item-pider" style="font-size: 17px;">查看范围
</p>
<p class="item" ng-click="goToAddUser()">
</p>
</p>
</ion-content>
</ion-view>
Controller
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);
}
})
As shown in the code, selected is initialized when the page is loaded, and then bound to select. Each time the selected content is changed, {{selected}} can correctly display the changed content, but when clicking below the view range After p triggers goToAddUser, what $scope.selected gets inside is not the selected content, but the null value assigned during initialization.
Backstage
That’s fine
If the frontend throws the value into the method, then there will be no problem
in controller