2016-10-19 8 views
0

私はangleと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> 
+0

関連するコントローラコードを投稿できますか? – Satpal

+0

ステータスがアクティブであるかアクティブであるかを認識し、それに応じてpを一致させるようにトグルを設定したい場合は、トグルを非アクティブにしたい場合はページの残りの部分でトグルをアクティブにし、それに応じてセマンティックトグルを一致させることができます。 – thaabitv

+0

$ scope.isStatusActive = function(){ $ scope.isActive =!$ scope.isActive; if($ scope.isActive){ $ scope.site.status = 'ACTIVE'; } else { console.log( 'アクティブ') $ scope.site.status = 'INACTIVE'; } } – thaabitv

答えて

0

は、それはブール値を切り替えることができます。この

$scope.isActive = !$scope.isActive; 

を試してみてください。

関連する問題