这是使导航栏显示当前活动页面的最佳方法吗？

Question

我正在尝试添加功能，以显示导航栏中当前哪个页面处于活动状态。我阅读了一些有关堆栈溢出的内容，发现了2个有效且可以理解的解决方案，但是，我仍然想知道它们是否正确/最佳，或者是否有更好的方法。

第一种方法是使用它：

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {NgxScrollToFirstInvalidModule} from '@ismaestro/ngx-scroll-to-first-invalid';

@NgModule({
    imports: [
        BrowserModule,
        NgxScrollToFirstInvalidModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

第二种方法是使用它：

<form [formGroup]="testForm" ngxScrollToFirstInvalid>
  <input id="test-input1" type="text" formControlName="someText1">
  <button (click)="saveForm()"></button>
</form>

这两种方式似乎与我极为相似。仅当我已命名路由时（我已经命名），第一个才有效，第二个仅使用当前URL。我目前感觉第一种方法更好。

现在我的问题是是否有更好的方法来实现这一目标。有些可能需要较少重复的代码？这些方法有什么缺点吗？