Drop-down cu opțiunea selectată-ng nu arată selectat

voturi
0

Bazat pe buton de comutare (DA, NU) i-au selectați drop-down, cei care comuta butonul modifica valoarea drop-down, care nu acceptă selectat-ng când selectați elementul pe oricare din selecție buton de comutare.

1) când selectați „DA“, butonul de comutare și pe această opțiune faceți clic pe drop-down se va schimba și vom selecta opțiunea din meniul drop-down, care e de lucru bine acum.

2) Dar când vom selecta „Nu“ butonul de comutare și pe această opțiune clic picătură se va schimba, dar-ng selectat nu funcționează, iar valoarea selectată nu va fi vizibil că e

Pentru referință utilizați link-ul plnkr: aici

Întrebat 24/10/2019 la 11:59
sursa de către utilizator
În alte limbi...                            


1 răspunsuri

voturi
0

Utilizați acest cod ca bază

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>

Publicat 24/10/2019 la 14:07
sursa de către utilizator

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