Drop-down met ng geselecteerde optie toont niet geselecteerd

stemmen
0

Op basis van de schakelknop (YES, NO) ik heb select drop-down, die schakelknop de waarde van de druppel te veranderen naar beneden, die geen ondersteuning biedt voor-ng geselecteerd wanneer we het item te selecteren op een van de schakelknop selectie.

1) wanneer we de optie YES schakelknop en op die klik drop-down optie zal veranderen en we selecteer de optie in het drop down dat is werken prima voor nu.

2) Maar als we de optie Nee schakelknop en op die klik druppel optie zal veranderen, maar-ng geselecteerde werkt niet en geselecteerde waarde zal niet zichtbaar is dat het zijn

Ter referentie gebruikt u plnkr link: hier

De vraag is gesteld op 24/10/2019 om 11:59
bron van user
In andere talen...                            


1 antwoorden

stemmen
0

Gebruik deze code als basis

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>

antwoordde op 24/10/2019 om 14:07
bron van user

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