Javascript RouterLink Active在ngFor中不起作用

将接受任何javascript解决方案，但最好的答案可能是使用angular2

我正在尝试根据api调用动态创建导航栏

问题是，如果另一个li（子）处于活动状态，我希望父li具有活动类

下面的代码按照我的要求工作，但不会动态加载它

 <nav>
                <ul>
                    <li>
                        <a (click)="togglePatientSideSearch()"><i class="fa fa-lg fa-fw fa-search"></i> <span class="menu-item-parent">Patient Search</span></a>
                    </li>
                    <li data-nav-target="1" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{ exact: false }">
                        <a  (click)="toggleNavMenuParentSelected(1)" title="Dashboard"><i class="fa fa-lg fa-fw fa-home"></i> <span class="menu-item-parent">Payroll</span>
                        <b class="collapse-sign">
                            <em class="fa fa-plus-square-o"></em>
                            </b>
                        </a>
                        <ul>
                            <li [routerLinkActive]="['active']">
                                <a [routerLink]="['/payroll/summary']" title="Payroll Summary"><span class="menu-item-parent">Summary</span></a>
                            </li>
                            <li [routerLinkActive]="['active']">
                                <a [routerLink]="['/payroll/daily']" title="Payroll Daily"><span class="menu-item-parent">Daily</span></a>
                            </li>
                        </ul>
                    </li>
</nav>

您可以使用：

[routerLinkActiveOptions]="{ exact: true }"

使用您的：

routerLinkActive="active"

我在这里找到了适合我的解决方案：

您可以使用：

[routerLinkActiveOptions]="{ exact: true }"

使用您的：

routerLinkActive="active"

我在这里找到了适合我的解决方案：

可能与此已知错误有关：我猜此问题已在new angular中修复，请将您的软件包更新为最新版本，并尝试删除[]标记，如
routerLinkActive=“active”
和
routerLink=“/user”
可能与此已知错误有关：我猜此问题已在new angular中修复，将软件包更新为最新版本，同时尝试删除[]标记，如
routerLinkActive=“active”
和
routerLink=“/user”