Angular ng-class re-evaulate

时间:2015-03-14 14:24:04

标签: javascript angularjs ng-class

我使用ng-class将collapseSidebar设置为true时激活的类应用于我的侧边栏。

<div class="row full-height row-offcanvas row-offcanvas-left" ng-class="{active: collapseSidebar}">
    <div id="sidebar" class="col-sm-4 col-md-3 col-lg-3 col-xl-2 sidebar-offcanvas">
    </div>

JS

$scope.collapseSidebar = false;

    $scope.select = function(thing)
    {
        $scope.selectedThing = (thing !== $scope.selectedThing) ? thing : null;
        $scope.collapseSidebar = true;
    };

但是,可以通过其他方式隐藏侧边栏(单击左上角的菜单图标),删除活动的类。当我打电话给select(thing)时,我希望重新评估ng-class并且课程“活跃”。将被重新应用,但是这不会发生,我已经尝试将其设置为false,然后直接回到true,这也没有用。

如何让ng-class重新评估collapseSidebar并应用&#39; active&#39;即使该值与

相同

1 个答案:

答案 0 :(得分:0)

你试过了吗?

ng-class="{'active': collapseSidebar}"

(活动的班级名称由&#34;&#39;&#34;字符包裹)