如何动态使用RouterLink

时间:2019-07-19 11:02:56

标签: javascript html angular angular-router

我有很多具有不同ID的routerlink,最多具有100个相同的组件,而我希望通过循环功能来显示Html Div中具有id的这个不同的routerlink。

<li >
    <a href="#">
        <i id="ping20" class="fa fa-fort-awesome"><b>Example Names!!!</b></i>
        <span class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
        </span>
    </a>
    <ul class="treeview-menu">
        <li><a routerLink="total/20" routerLinkActive="active"><i class="fa fa-hourglass-end"></i> Main Page</a></li>
        <li><a routerLink="wifi/20" routerLinkActive="active"><i class="fa fa-wifi"></i> WIFI Devices</a></li>
        <li><a [routerLink]="['bluetooth/20']" routerLinkActive="active"><i class="fa fa-bluetooth"></i> Bluetooth Devices</a></li>
    </ul>
</li>

0 个答案:

没有答案