Блог

Главная - Вопросы по программированию - переключение остается активным, когда статус неактивен

переключение остается активным, когда статус неактивен

#javascript #jquery #html #angularjs

#javascript #jquery #HTML #angularjs

Вопрос:

Я использую angular и jQuery. У меня установлена кнопка переключения со статусом, поэтому при загрузке страницы кнопка переключения остается активной, даже если статус был изменен и сохранен на неактивный. Есть ли какой-либо способ сохранить переключатель в активном состоянии, когда он активен, и в неактивном состоянии, когда он неактивен?

js:

 $scope.isActive = true;
$scope.isStatusActive = function() {
    $scope.isActive = !$scope.isActive;
    if ($scope.isActive) {
        $scope.site.status = 'ACTIVE';
    } else {
        console.log('active');
        $scope.site.status = 'INACTIVE';
    }
}

html:

 <div class="ui toggle checkbox left floated" style="margin-top: 4px !important;left: 10px !important;">
    <input type="checkbox" ng-model='isActive' ng-change=isStatusActive()>
    <label>{{site.status}}</label>
</div>

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

1. Можете ли вы опубликовать соответствующий код контроллера?

2. хочу, чтобы переключатель распознавал, когда статус активен или находится в активном состоянии, и соответствовал p соответственно, поэтому, когда он неактивен, я хочу, чтобы переключатель отображался неактивным и так далее для остальных на странице, потому что некоторые из них активны и неактивны, поэтому я хочу, чтобы они соответствовали соответственно его семантическому переключателю.

3. $scope.isStatusActive=функция(){ $scope.isActive=!$scope.isActive; if($scope.isActive){ $scope.site.status=’АКТИВНЫЙ’; } else{ console.log(‘активный’) $scope.site.status=’НЕАКТИВНЫЙ’; } }

4. как бы мне заставить его распознавать активное / неактивное состояние при загрузке окна, потому что в настоящее время оно постоянно включено, если я изменю $scope.isActive на false, он показывает неактивный переключатель, но те, которые активны, также показывают неактивный, может быть, это более понятно?

Ответ №1:

Попробуйте это

 $scope.isActive = !$scope.isActive;

Это переключит логическое значение.