Déroulant avec option ng sélectionnée ne montre pas sélectionné

voix
0

Basé sur le bouton à bascule (OUI, NON) j'ai déroulante, sélectionnez, les bouton bascule changer la valeur de la chute vers le bas, qui ne supporte pas sélectionné ng-lorsque nous choisissons l'élément sur l'un de la sélection du bouton à bascule.

1) lorsque nous choisissons le « OUI » bouton à bascule et sur ce clic déroulant option changer et nous choisissons l'option dans le menu déroulant qui est excellent travail pour l'instant.

2) Mais lorsque nous choisissons le bouton à bascule « Non » et sur cette option de chute de clic changer, mais sélectionné ng-ne fonctionne pas et la valeur sélectionnée ne sera pas visible est la

Pour référence, vous utilisez le lien plnkr: ici

Créé 24/10/2019 à 11:59
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
0

Utilisez ce code en tant que base

angular.module('app', [])
 .controller('AppCtrl', ['$scope', function($scope) {
    $scope.filterCondition = {
        operator: 'eq'
    }

    $scope.operators = [{
        value: 'eq',
        displayName: 'equals'
    }, {
        value: 'neq',
        displayName: 'not equal'
    }]
     $scope.getItems = function(criateria){
        if(criateria == '1'){
            $scope.filterCondition = {
        operator: 'eq1'
    }
    $scope.operators = [{
        value: 'eq1',
        displayName: 'equals1'
    }, {
        value: 'neq1',
        displayName: 'not equal1'
    }]
        }else{
            $scope.filterCondition = {
        operator: 'eq'
    }
    $scope.operators = [{
        value: 'eq',
        displayName: 'equals'
    }, {
        value: 'neq',
        displayName: 'not equal'
    }]
          
        }
      }
}])
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular-animate.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.4.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<body ng-app="app" >
<div ng-controller="AppCtrl">
    <div>Operator is: {{filterCondition.operator}}</div>
    <select ng-model="filterCondition.operator">
        <option ng-selected="{{operator.value == filterCondition.operator}}" ng-repeat="operator in operators" value="{{operator.value}}">{{operator.displayName}}</option>
    </select>
        <div class="btn-group">
        <label class="btn btn-primary" ng-model="radioModel"
        ng-click="getItems('1')" btn-radio="'Left'">YES</label>
        <label class="btn btn-primary" 
        ng-click="getItems('2')" ng-model="radioModel" btn-radio="'Middle'">NO</label>

    </div>
    </div>
</body>

Créé 24/10/2019 à 14:07
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more