Javascript 可调整角度大小：Can'；t访问“的属性”；“可调整大小”-指示

我正在尝试制作一个可水平调整大小的边栏，可以通过向左或向右拖动边栏的边框来调整边栏的大小。因为我正在处理的项目使用AngularJS，所以我遇到了这个定制指令（），它似乎很受许多用户的欢迎。下面几行是我的代码中的相关部分，我在代码中尝试根据说明实现它

<div ng-app="angularResizable" class="col-md-5" id="main-sidebar" resizable r-directions="['left']"></div>
<script src="node_modules/angular-resizable/angular-resizable.min.js"></script>

我现在的问题是，我的IDE识别可调整大小（这可能意味着安装和集成工作正常？），但我无法访问属性“r-directions”。 IntelliJ说： “此处不允许使用属性r方向。。。 检查信息：此检查将未知HTML标记属性突出显示为无效，并允许将此类属性标记为自定义，以避免将其突出显示为无效。”

---

我的AngularJS版本是1.6.7，这不应该是个问题，因为有一些例子表明它适用于早期版本和更高版本。

如果要排除错误或实际查看您的实现是否正确，需要了解您尝试实现的代码的详细信息。在任何情况下，您都可以使用这个插件的作者提供的codepen示例来实现这一目标-