多层次按菜单角4

• Z时代
• 2024-01-10
• 分类：问答

我尝试在角4部分使用多级按菜单但当* ngFor
使用 这样多层次按菜单角4

@{ 
    ViewData["Title"] = "Home Page"; 
} 
<link rel="stylesheet" type="text/css" href="~/dist/Menu/demo.css" /> 
<link rel="stylesheet" type="text/css" href="~/dist/Menu/icons.css" /> 
<link rel="stylesheet" type="text/css" href="~/dist/Menu/component.css" /> 
<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app> 
<script src="~/dist/vendor.js" asp-append-version="true"></script> 
@section scripts { 
    <script src="~/dist/main-client.js" asp-append-version="true"></script> 
     <script src="~/dist/Menu/classie.js" asp-append-version="true"></script> 
       <script src="~/dist/Menu/mlpushmenu.js" asp-append-version="true"></script> 
       <script src="~/dist/Menu/modernizr.custom.js" asp-append-version="true"></script> 
    <script> 
      new mlPushMenu(document.getElementById('mp-menu'), document.getElementById('trigger')); 
    </script> 
} 
    constructor(private remoteService: RemoteService,@Inject('BASE_URL') baseUrl: string) { 
      this.remoteService.filter(baseUrl).then(result => { 
      this.item = result.items; 
     });} 
    <nav id="mp-menu" class="mp-menu"> 
     <div class="mp-level"> 
      <h2 class="icon icon-world">All Categories</h2> 
      <ul> 
       <li *ngFor="let user of item" class="icon icon-arrow-left"> 
        <a class="icon icon-display" href="#">Devices</a> 
        <div class="mp-level"> 
         <h2 class="icon icon-display">Devices</h2> 
         <a class="mp-back" href="#">back</a> 
         <ul> 
          <li class="icon icon-arrow-left"> 
           <a class="icon icon-phone" href="#">Mobile Phones</a> 
           <div class="mp-level"> 
            <h2>Mobile Phones</h2> 
            <a class="mp-back" href="#">back</a> 
            <ul> 
             <li><a href="#">Super Smart Phone</a></li> 
             <li><a href="#">Thin Magic Mobile</a></li> 
             <li><a href="#">Performance Crusher</a></li> 
             <li><a href="#">Futuristic Experience</a></li> 
            </ul> 
           </div> 
          </li> 
         </ul> 
        </div> 
       </li> 
</ul> 
    </div> 
</nav> 

链接不会下一级:(

和

<a class="icon icon-display" href="#">Devices</a> 

工作正常链接，并打算到＃链接

和我尝试地图和订阅的角度HTTP，但它同样erorr

但是当我使用静态数组而不是远程服务的这样

<nav id="mp-menu" class="mp-menu"> 
     <div class="mp-level"> 
      <h2 class="icon icon-world">All Categories</h2> 
      <ul> 
       <li *ngFor="let user of [1,2,3]" class="icon icon-arrow-left"> 
        <a class="icon icon-display" href="#">Devices</a> 
        <div class="mp-level"> 
         <h2 class="icon icon-display">Devices</h2> 
         <a class="mp-back" href="#">back</a> 
         <ul> 
          <li class="icon icon-arrow-left"> 
           <a class="icon icon-phone" href="#">Mobile Phones</a> 
           <div class="mp-level"> 
            <h2>Mobile Phones</h2> 
            <a class="mp-back" href="#">back</a> 
            <ul> 
             <li><a href="#">Super Smart Phone</a></li> 
             <li><a href="#">Thin Magic Mobile</a></li> 
             <li><a href="#">Performance Crusher</a></li> 
             <li><a href="#">Futuristic Experience</a></li> 
            </ul> 
           </div> 
          </li> 
         </ul> 
        </div> 
       </li> 
</ul> 
    </div> 
</nav> 

它的工作中去，以一个新的水平和 like this

任何机构可以帮助我使用多级菜单中的角

回答：

以上是 多层次按菜单角4 的全部内容， 来源链接： utcz.com/qa/267131.html