状态处于非活动状态时切换保持活动状态

Question

我正在使用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>

Answer 1

试试这个

$scope.isActive = !$scope.isActive;

它将切换布尔值。