角度ng级重新评估

Angular ng-class re-evaulate

本文关键字:评估 新评估 ng 角度      更新时间:2023-09-26

我使用 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类并且重新应用类"active",但是这并没有发生,我尝试将其设置为false,然后直接恢复为true,这也不起作用。

如何让 ng-class 重新评估 collapseSidebar 并应用"活动",即使该值与 be

相同

你试过吗:

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

(活动类名由"'"字符括起来)