Angular JS中fa fa-angle-left pull-right中的数据小部件树问题答案

【问题标题】：Data-widget tree problem in fa fa-angle-left pull-right in Angular JSAngular JS中fa fa-angle-left pull-right中的数据小部件树问题
【发布时间】：2020-05-04 01:06:58
【问题描述】：

我在 fa fa-angle-left pull-right 遇到问题，一旦点击无法在向下角度工作。 我正在使用管理员 LTE 我不知道为什么它不起作用，主要问题是什么。

HTML：

<ul class="sidebar-menu" data-widget="tree">
        <li class="header">HEADER</li>
        <li class="treeview">
          <a href="#"><i class="fa fa-link"></i> <span>Multilevel</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
              </span>
          </a>
          <ul class="treeview-menu">
            <li><a href="#">Link in level 2</a></li>
            <li><a href="#">Link in level 2</a></li>
          </ul>
        </li>
      </ul>

JS：

newSp.component('newSpSideBar', {
        controllerAs: 'vm',
        controller: function (svc) {
            var ctrl = this;
            ctrl.siteUrl = svc.getSiteUrl();
            ctrl.tempUrl = svc.getTemplateUrl('main-sidebar.html');
        },
        template: "<div ng-include='vm.tempUrl'></div>",
        bindings: {
            title: '@'
        }
    });

【问题讨论】：

看起来你的问题出在样式上。编辑问题并创建代码 sn-p 来描述问题。
由于创建 sn-p 需要大量代码，因此无法执行 sn-p
问题不够清楚，你想切换折叠和展开的箭头吗？
是的，如果菜单展开，基本上箭头会下拉

标签： javascript html angularjs font-awesome adminlte

【解决方案1】：

经过一番研究，我得到了答案。我发现我的类有问题 fa fa-angle-left pull-right 我对比了 admin LTE dashboard 的示例不匹配。

所以我复制 AdminLTE.css 并将我的代码替换为 AdminLTE v2.4.6 到 AdminLTE v2.4.18

希望对遇到此问题的人有所帮助。

【讨论】：