如何从 angular 的构造函数中为变量赋值？

Question

Problem with my Angular app. This is my first angular web. I want to assign a value to my variable named _name from the constructor. I tried the below way but didn't work. How can I assign a value for that? The value comes to that page in the console.log the value is displayed. I want to assign that value to my _name variable and display the value in the HTML page when the page load. How can I do that?

This is my current code

export class DashboardTemplateComponent implements OnInit, OnDestroy {
    private userSub: Subscription;
    inAuthenticate = false;
     _name: any;
      constructor(private router: Router, private authService: userService ) {
        this.userSub = this.authService.user.subscribe(user => {
          console.log(user.token);
          return this._name = user.name;
        });
      }
    
      ngOnInit(): void {
        this.userSub = this.authService.user.subscribe(user => {
          this.inAuthenticate = !user ? false : true;
    
        return this._name = user.name;
        });
      }

Answer 1

I would rewrite your code like below avoiding complication

import { Subject } from 'rxjs';
import { takeUntil, tap } from 'rxjs/operators';


  export class DashboardTemplateComponent implements OnInit {
    destroyed$ = new Subject();
    inAuthenticate = false;
    _name: any;
    name$ = this.authService.user.pipe(
        tap(user => this._name = user.name),
        tap(user => this.inAuthenticate = !user ? false : true)
        takeUntil(this.destroyed$)
      )
     
      constructor(private router: Router, private authService: userService ) {
      }
    
      ngOnInit(): void {
        this.name$.subscribe();
      }
  }