Drop-down com a opção selecionada-ng não mostra selecionada

votos
0

Baseado no botão de alternância (sim, não) tenho select drop down, aqueles alternar botão alterar o valor do drop down, que não suporta selecionado-ng quando selecionar o item em qualquer da seleção botão de alternância.

1) quando seleccionar a opção SIM botão de alternância e em que clique em suspenso opção vai mudar e nós selecionar a opção no menu suspenso que é bom trabalho para agora.

2) Mas quando selecionar a opção Não botão de alternância e sobre essa opção, clique queda vai mudar, mas ng-selecionados não funciona e valor selecionado não será visível que é a

Para referência que você usa ligação plnkr: aqui

Publicado 24/10/2019 em 11:59
fonte usuário
Em outras línguas...                            


1 respostas

votos
0

Utilize este código como base de

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>

Respondeu 24/10/2019 em 14:07
fonte usuário

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