为什么角度指令 *ngIF 不适用于动态值？

Question

我有一个带有一些块的组件，我只想在某个页面上显示以执行此操作，我正在使用角度指令 *ngIf，并订阅路由器更改我获取当前 url 的位置。我不明白为什么它不起作用。这是代码：

ts.file

我使用变量showSignUpBlock

 public showSignUpBlock = false;

  constructor(
    private userService: UserService,
    private router: Router,
    private localeService: LocaleService,
    private soliticsService: SoliticsService,
    private pushWooshService: PushWooshService,
    private loaderService: LoaderService,
    private gtmService: GtmService,
    private routingService: RoutingService
  ) {
    this.subscribeToIsLoadingUpdates();
  }

  ngOnDestroy(): void {}


  setShowBasicLayout(url: string): void {
    const pagesWithSignUpBlock = ['education/academy/login'];
    this.showSignUpBlock = pagesWithSignUpBlock.includes(url);
  }

  ngOnInit(): void {
    this.routingService
      .subscribeToRouterEvents()
      .subscribe((event: RouterEvent) => {
        const currentPath = event.url.substring(1);
        this.setShowBasicLayout(currentPath);
        console.log(this.showSignUpBlock);
      });
  }

html.file

阻止我需要显示或隐藏的内容，如果这个不起作用，则是这个*ngIF="Show SignUpBlock"

  <div class="login-form-signup" *ngIf="showSignUpBlock"> {{ 'login.sign-up' | translate:lang }}
    <span class="login-form-signup-link" (click)="navigateToRegistrationPage()">{{'login.click-here'| translate:lang}}!</span>
  </div>

如果有人能解释如何修理它，我将不胜感激。

Answer 1

设置showSignUpBlock变量后，尝试使用ChangeDetectorRef#detectChanges。这会导致angular更新视图。