RouterLink无法工作Header MegaMenu

时间:2018-03-30 06:02:35

标签: angular routerlink

我目前在angular5的电子商务网站工作。我在routerLink导航中面临一个问题。当我在netsted ng中使用routerLink时,仅在第一次触发路由器链接时......第二次点击不起作用。但当我点击sublevel菜单,然后点击我的主菜单工作。你可以请任何人帮助我。我过去2天面临这个问题而且无法解决。这是我的代码:

 <li *ngFor="let menu of menus">
      <a [routerLink]="['/shop',cn,ln,menu.menuId]" class="navtext">
        <span>{{menu.menuName}}</span>
      </a>
      <div class="wsshoptabing wtsbrandmenu clearfix">
        <div class="wsshoptabingwp clearfix">
          <ul class="wstabitem02 clearfix">

            <li *ngFor="let category of menu.categories; let menuCategory = index" [ngClass]="{'wsshoplink-active':menuCategory == (selectedRow?selectedRow:0)}"
              >
              <a 
              [routerLink]="['/shop',cn,ln,menu.menuId,category.categoryId]">{{category.categoryName}}</a>
              <div class="wsshoptab-active wstbrandbottom clearfix">
                <div class="container">
                  <div class="row">
                    <div class="col-md-8">
                      <div class="col-lg-4 col-md-4" 
                      *ngFor="let subCategory of category.subCategory">
                        <ul class="wstliststy02 clearfix">
                          <li class="wstheading clearfix">
                            <a [routerLink]="['/shop',cn,ln,menu.menuId,category.categoryId,subCategory.id]">
                              {{subCategory.name}}
                              <i class="fa fa-caret-right"></i>
                            </a>
                          </li>
                          <li *ngFor="let subLevel of subCategory.subLevelCategory">
                            <a [routerLink]="['/shop',cn,ln,menu.menuId,category.categoryId,subCategory.id,subLevel.subLevelCategoryId]">
                              {{subLevel.subLevelCategoryName}}</a>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                      <img src="https://qph.fs.quoracdn.net/main-qimg-be11ba5cb1572b4b0051e9930325cbd9" />
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </li>

0 个答案:

没有答案