Question

我有一个使用列表标签创建的菜单我希望当其中一个子routerLink处于活动状态时使用类似这样的routerLinkActiveOptions将类应用于父标记

 <ul class="treeview-menu" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
      <li>
        <a class="pointer" [routerLinkActive]="['linkActive']" routerLink="/list/val"> 
             Link
         </a>
      </li>
    </ul>

它工作正常但是当我使用数据数组尝试动态生成的菜单时，它不起作用。相同的代码是

 <ul class="treeview-menu" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
      <li *ngFor="let d of data">
        <a class="pointer" [routerLinkActive]="['linkActive']" routerLink="/list/{{d.val}}"> 
          {{d.name}}
        </a>
      </li>
    </ul>

如何实现这一点，任何帮助？

Answer 1

您需要设置window.onload = oppstart; function oppstart() { var tid = new Date(); var timer = tid.getHours(); var minutter = tid.getMinutes(); var sekunder = tid.getSeconds(); document.getElementById("tiden").innerHTML = tid.getHours() + ":" + tid.getMinutes() + ":" + tid.getSeconds(); setTimeout(oppstart,1000); if(tid == 13.28){ alert("Nå er klokka 13.28!!") } }，因为您设置了[routerLinkActive]="['linkActive']"：

routerLinkActive="active"

Angular 2：动态生成链接的Active Router链接和routerLinkActiveOptions

1 个答案: