Bootstrap 4-使用Javascript折叠侧栏

我的侧边栏定义如下：

<div remove-class class="sidebar p-2 collapse width show" id="sidebar" style="flex-shrink:0;">

a.directive('removeClass', function ($window) {
    return {
        link: function (scope, elem, attrs) {
            angular.element($window).on('resize', function () {
                if (getCurrentScreenWidth() < 768) {
                    $(elem).collapse('hide');
                }
            });
        }
    }
});

指令“remove class”如下所示：

<div remove-class class="sidebar p-2 collapse width show" id="sidebar" style="flex-shrink:0;">

a.directive('removeClass', function ($window) {
    return {
        link: function (scope, elem, attrs) {
            angular.element($window).on('resize', function () {
                if (getCurrentScreenWidth() < 768) {
                    $(elem).collapse('hide');
                }
            });
        }
    }
});

a.directive（'removeClass'，函数（$window）{
返回{
链接：功能（范围、要素、属性）{
angular.element（$window）.on（'resize'，function（）{
如果（getCurrentScreenWidth（）<768）{
$（元素）。折叠（“隐藏”）；
}
});
}
}
});

我看到那行

$（elem）.collapse（'hide'）已执行，但未折叠

知道怎么回事吗？
为什么不使用？这是AngularJS引导程序的本机实现，在这一点上，它不是一个选项。事实上，我有一个指令，它不是那么相关（我认为）。问题是一般如何使用Javascript。当然这与此无关，这只是一个建议，你的问题是完全正确的。如果我能想出一个解决方案，我会发布一个答案。你为什么不使用？这是AngularJS引导程序的本机实现，在这一点上，它不是一个选项。事实上，我有一个指令，它不是那么相关（我认为）。问题是一般如何使用Javascript。当然这与此无关，这只是一个建议，你的问题是完全正确的。如果我能想出一个解决办法，我会发布一个答案