anglejsでクラスを追加および削除する方法

Question

ボタンのクリックでテーブルサイズを変更する。 ボタンのクリックはサイドナビゲーションバーに属します。ボタンをクリックすると 、テーブルの幅を最大に変更する必要があります。

<table init-table="rowCollection" class="table table-striped table-responsive table-hover table-bordered" style="width:auto "overflow-x:auto"> 
    <thead> 
    <tr class="width"> 
     <th>Id</th> 
     <th class="col-md-4">Abstract</th> 
     <th class="col-md-2">RTC Workspace</th> 
     <th class="col-md-2">Requester</th> 
     <th>Build Start</th> 
     <th>Build Status</th> 
     <th>Actions</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="row in rowcollection"> 
     <td>{{row.build_id}}</td> 
     <td>{{row.abstract}}</td> 
     <td>{{row.rtc_workspace}}</td> 
     <td></td> 
     <td>{{row.build_start}}</td> 
     <td>{{row.build_status}}</td> 
     <td> 
     <button type="button" class="btn btn-primary" ng-click="approve(row)">Approve</button> 
     </td> 
    </tr> 
    </tbody> 
</table> 

<!--panel--> 
<div class="col-lg-12"> 
    <button type="button" class="btn btn-default btn-primary" ng-click="ShowHide()"> <span class="glyphicon glyphicon-eye-open"></span>&nbsp Sidebar toggle</a></button 
</div> 

クラスを追加し、クラス 種類OGのものを削除することができ、ボタンをクリックする方法？

以下

Answer 1

は、2つのクラスを作る予想される動作

を達成するためにどのようにのみ擬似アルゴリズムである名.full-width.custom-width言うとNG-cilck機能にブール変数を設定してNG-クラスを持つクラスを適用してみましょうその可変状態に基づく。 HTML

で

ng-click = "clickMethod()";

それぞれのコントローラで

$scope.fullwidth = false; 
$scope.clickMethod = function() { 
    $scope.fulltable = true; 
} 

また、テーブルの上にインラインスタイルからwidthプロパティを削除、にNG-クラスを適用します。

ng-class="fulltable? 'full-width' : 'custom-width'"