Dobd le ng kiválasztott lehetőség nem jelenik kiválasztott

szavazat
0

Ennek alapján váltógomb (YES, NO) i Select legördülő azok váltógomb módosítsa az értéket a legördülő, amely nem támogatja a ng-válogatott, amikor az elem kiválasztásához bármelyik váltógomb kiválasztása.

1) ha mi válasszuk ki a „YES” váltógomb és hogy kattintson a legördülő lehetőséget fog változni, és válassza ki a lehetőséget a legördülő ami jól működik most.

2) De amikor válassza a „Nem” váltógomb és hogy a kattintás csepp lehetőség fog változni, de ng-válogatott nem működik, és a kiválasztott érték nem lesz látható, hogy ez a

Referenciaként használja plnkr linket: itt

A kérdést 24/10/2019 11:59
a forrás felhasználó
Más nyelveken...                            


1 válasz

szavazat
0

Használja ezt a kódot bázis

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>

Válaszolt 24/10/2019 14:07
a forrás felhasználó

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