No pude resolver un problema. Quiero hacer un diseño en el que haya submenús en un menú principal en una barra lateral. Estoy usando ng-repeat anidado. Pero los elementos formados en el DOM no se ven en la interfaz de usuario y no puedo ver los submenús. Modelo de pedido;

Aquí, cada objeto mantiene la información de su menú principal y su propio submenú como una matriz.

html kodu;

 <div class="list-group" ng-repeat="data in MainDataSource"> <a href="#" style="margin-left:4px;" class="list-group-item list-group-item-action sub-menu-btn"> <i style="margin-right:1px;" class="fas fa-users"></i> <span class="menu-text">{{data.MenuName}}</span> <i style="float:right; margin-top:5px;" class="fas fa-chevron-right"></i> </a> <div class="list-group list-group-flush sub-menu sub-menu-active"> <a style="padding-left:30px;" class="list-group-item list-group-item-action sub-menu-item" ng-repeat="subMenu in data.ReportSubMenus"> <i class="fas fa-archive"></i> <span class="menu-text">{{subMenu.SubMenuName}}</span> </a> </div> </div>

El primer bucle me da los menús principales, mientras que el segundo bucle me da los submenús de los menús principales.

(MainDataSource) Pongo los valores de la solicitud en MainDataSource.

(data.ReportSubMenus) Aquí está la matriz que contiene los submenús de los menús principales.

Sonuç olarak Dom'da;

Se forma la estructura que quiero hacer y se forman 3 menús principales (divs) provenientes del bucle y sus propios submenús debajo de ellos.

Sin embargo, aunque los menús principales se forman en la imagen, los submenús no se abren y no aparecen.

Aquí, Menu1, Menu2 y Menu3 son los tres elementos que creé como resultado del bucle, la acción de hacer clic no desencadena ningún evento y los submenús no se abren.

Pero si hago este sistema sin bucles y asigno valores estáticos, el sistema funciona.

Donde estoy cometiendo el error, si me pueden ayudar se los agradeceria mucho, gracias de antemano.