路由链接在动态HTML angular 8中不起作用

编程问答 2022-06-09

问题描述

这是我的打字稿代码

getFeatureMenu()
  {
    this.featureService.getAllFeatures().subscribe(data =>
    {

        this.featureData=data;
        for(var i=0;i<data.length;i++)
         {
             this.theHtmlString+="<li class='nav-item'><a [routerLink]='['/admin/feature']' ng-reflect-router-link='/admin/feature' routerLinkActive='active' class='nav-link'  (click)='show()'><i class='flaticon-dashboard'></i><span>Feature 1</span></a></li>";
         }
     
      });
  }

这是我的Component.html 

   <div class="sidebar-menu-content"  id="MainMenuList">

       <ul class="nav nav-sidebar-menu sidebar-toggle-view" [innerHtml]="theHtmlString" >

</ul>
</div>

场景是我正在调用getallfeature api，它给了我功能列表。现在我正在动态创建它并设置为.feature，显示在列表中，但是我看不到html中的routerlink，所以请告诉我我能做到这一点吗？我也不想使用这个

template:
<Div>
<a [routerLink]=["/comp11"]> Crisis Center </a>
<a <routerLink]=["/comp12"]> Heroes </a>
<a [routerLink]=["/comp21"]> Heroes </a>
<a <routerLink]=["/comp22"]> Heroes </a>
</ Div>,})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularcomponentscomponentshrefhrefhrefhtmlrouterlink