Блог

Главная - Вопросы по программированию - ng-если в опции выбора выбран тег

ng-если в опции выбора выбран тег

#angularjs #drop-down-menu

#angularjs #выпадающее меню

Вопрос:

Я разрабатываю приложение 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-модель ng.status становится 1 и неактивным, когда 0.

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

Потому что я создаю это представление из laravel и связываю html с Angular js

Комментарии:

1. Что вы хотите сделать? это означает, что произойдет, когда вы измените опцию выбора?

2. вместо этого вы можете отобразить в переключателе

Ответ №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>

Комментарии:

1. не работает. Когда мне это нравится, я получаю это в html <select class=»form-control ng-нетронутый ng-действительный ng-not-empty ng-touched» ng-model=»rc.Status» ng-init=»rc.Status= 0″><значение параметра =»? число: 0?»></option> <значение параметра =»1″> Активный </option> <значение параметра =»0″> Неактивный</option> </select>

2. Здесь он работает правильно. пожалуйста, еще немного кода для проверки на наличие конфликта

Ответ №2:

Это может помочь изменить выбор.

 <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>

Ответ №3:

Попробуйте использовать контроллер для этого :

Для примера :

OneCtrl инициализируйте status at 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>

Надеюсь, это поможет.

Комментарии:

1. Я не могу использовать в нем какой-либо контроллер js. Здесь я хочу сгенерировать HTML для привязки с помощью Angular JS

2. Хорошо, так что же это меняет значения rc.status , где в вашем коде?

Метки: