ng-if in select option selected tag

Question

Я разрабатываю приложение Angular JS, и я хочу сделать выбор, как показано ниже.

<select class="form-control" ng-model="rc.status" ng-init="rc.status=1"> 
    <option value="1" selected="selected">Active</option> 
    <option value="0" selected="">Inactive</option> 
</select> 

Я хочу сделать активным, когда нг-модель rc.status становится 1 и неактивным, когда 0.

Как я могу это сделать, не делая нг-повтор.

Потому что генерируя этот вид из Laravel и связывание HTML с угловым расслоением плотной

Answer 1

Вот примером, выберите выпадающее значение в соответствии с rc.status

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app=""> 
 
    <select class="form-control" ng-model="rc.status" ng-init="rc.status=1"> 
 
    <option value="--Select--">--Select--</option> 
 
    <option value="1">Active</option> 
 
    <option value="0">Inactive</option> 
 
    </select> 
 
    <br><br> 
 
    <div>Status : {{rc.status}}</div> 
 
</div>

Answer 2

попытаться использовать контроллер для этого:

Заполните, пожалуйста,:

OneCtrl инициализировать status на 1 и смотреть их изменить Выбор элемента

app.controller('OneCtrl', function($scope) { 

    $scope.status = 1; 

    $scope.$watch('status', function() { 
     if($scope.status == 1){ 
      $scope.statusSelected= '0'; 
     }if($scope.status == 2){ 
      $scope.statusSelected= '1'; 
     } 
    }); 
    // Change status value 
    $scope.status1 = function() { 
     $scope.status = 1; 
    } 
    $scope.status2 = function() { 
     $scope.status = 2; 
    } 

}); 

вид:

<select name="" ng-model="statusSelected"> 
    <option value="0">Active</option> 
    <option value="1">Inactive</option> 
</select> <br> 

<button ng-click="status1()">Status 1</button> 
<button ng-click="status2()">Status 2</button> 

Надежда, что помогает.

Answer 3

Это может помочь получить изменен.

<select class="form-control" ng-model="rc.status" ng-init="rc.status=1"> 
    <option value="1" ng-selected="rc.status == 1">Active</option> 
    <option value="0" ng-selected="rc.status == 0">Inactive</option> 
</select>