ng-belirlenen seçenekle Alçalın seçilmiş göstermek değil

oy
0

geçiş butonu dayanarak (EVET, HAYIR) i biz geçiş düğmesi seçimi herhangi bir öğeyi seçtiğinizde ng seçilmiş desteklemediği, bu düğme açılan değerini değiştirmek geçiş, aşağı seçeneğini düşüş var.

Biz EVET geçiş düğmesi ve değişeceğini açılır tıklayın seçeneğini seçin ve bunu açılır menüden seçeneğini seçtiğinizde 1) şimdilik çalışma gayet iyi.

2) Ama değiştirmek ancak edecektir Hayır geçiş düğmesi ve o tıklama damla seçeneği seçtiğinizde ng seçilmiş çalışmıyor ve seçilen değer budur görünmez

Başvuru için size plnkr linki kullanınız: burada

Oluştur 24/10/2019 saat 11:59
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
0

üs olarak bu kodu kullanın

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>

Cevap 24/10/2019 saat 14:07
kaynak kullanıcı

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