Внедрение Dynami c AdminLte Menu с Angular JS и данными из sql - PullRequest
0 голосов
/ 28 мая 2020

Я пытаюсь реализовать в шаблоне AdminLTE родительское - дочернее меню, используя AngularJS, и я не могу реализовать дочернее меню. Итак ... может ли кто-нибудь помочь мне в этом.

Схема массива выглядит следующим образом:

0: Object {lId: 2, sNombre: 'Administración', sLink: ''        , sPadre: 'A' , sHijo: 'AD'  , iNivel: 2}
1: Object {lId: 3, sNombre: 'Perfiles'      , sLink: 'perfiles', sPadre: 'AD', sHijo: 'AD01', iNivel: 3}
2: Object {lId: 4, sNombre: 'Usuarios'      , sLink: 'usuarios', sPadre: 'AD', sHijo: 'AD02', iNivel: 3}
3: Object {lId: 5, sNombre: 'Reportes'      , sLink: ''        , sPadre: 'A' , sHijo: 'RP'  , iNivel: 2}
4: Object {lId: 6, sNombre: 'Rpt-1'         , sLink: 'reporte1', sPadre: 'RP', sHijo: 'RP01', iNivel: 3}
5: Object {lId: 7, sNombre: 'Rpt-2'         , sLink: 'reporte2', sPadre: 'RP', sHijo: 'RP02', iNivel: 3}
6: Object {lId: 8, sNombre: 'Rpt-3'         , sLink: 'reporte3', sPadre: 'RP', sHijo: 'RP03', iNivel: 3}

My HTML:

                    <!-- Sidebar Menu II -->
                    <ul class="sidebar-menu" data-widget="tree" data-ng-controller="menuCtrl">
                        <li class="header">  Opciones II  </li>

                        <!-- Optionally, you can add icons to the links -->
                        <li class="treeview" data-ng-repeat="menu in menuData">
                            <!-- Menú -->
                            <a href="#" data-ng-if="menu.iNivel == 2"><i class="fa fa-link"></i> <span>{{menu.sNombre}}</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                            </a>
                            <!-- SubMenú -->
                            <ul class="treeview-menu" data-ng-if="menu.iNivel == 3">
                                <li><a data-ui-sref="menu.sLink" >{{menu.sNombre}}</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- /.sidebar-menu II -->  

Выше код отлично работает для родительского элемента, но не работает для дочерних элементов

это моя цель: MenuOk

но это мой результат: MenuErr

Надеюсь, ты сможешь мне помочь

...