angulaire.js - Le modèle lié par la sélection angulaireJs ne peut pas obtenir la valeur

Question

Page
<ion-view view-title="Conditions de filtre">

<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>

Contrôleur
appCtrls.controller('chooseParamPhoneCallCtrl', fonction ($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);
}

})

Comme indiqué dans le code, selected est initialisé lorsque la page est chargée, puis lié à la sélection. Chaque fois que le contenu sélectionné est modifié, {{selected}} peut afficher correctement le contenu modifié, mais en cliquant sous la vue. range Après que p déclenche goToAddUser, ce que $scope.selected contient n'est pas le contenu sélectionné, mais la valeur nulle attribuée lors de l'initialisation.

Answer 1

<select ng-model="selected">
    <option>本季度</option>
    <option>本月</option>
    <option>本周</option>
</select>
<button ng-click="btnClick(selected)">event</button>

En coulisses

$scope.btnClick = function (selected) {
    // do sth
}

C'est bien
Si le frontend renvoie la valeur dans la méthode, tout ira bien

Answer 2

<select
      class="small"
      ng-model="selects[0]"
      ng-change="showSelect(select)"
      ng-options="r.name for r in selects">
  </select>

contrôleur中

$scope.selects = [{id:'0',name:'本季度'},{id:'1',name:'本月'},{id:'2',name:'本周'}];

Answer 3

<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>