import { Component, Inject } from '@angular/core';
import { APP_CONFIG, AppConfig } from './injection.config';
import { UserService } from './user.service';
import { HeroesComponent } from './heroes/heroes.component';
import { HeroesTspComponent } from './heroes/heroes-tsp.
component';
import { ProvidersComponent } from './providers.component';
import { CarComponent } from './car/car.component';
import { InjectorComponent } from './injector.component';
import { TestComponent } from './test.component';
import { NgIf } from '@angular/common';
@Component({
standalone: true,
selector: 'app-root',
template: `
<h1>{{title}}</h1>
<app-car></app-car>
<app-injectors></app-injectors>
<app-tests></app-tests>
<h2>User</h2>
<p id="user">
{{userInfo}}
<button type="button" (click)="nextUser()">Next User</
button>
<p>
<app-heroes id="authorized" *ngIf="isAuthorized"></
app-heroes>
<app-heroes id="unauthorized" *ngIf="!isAuthorized"></
app-heroes>
<app-heroes-tsp id="tspAuthorized" *ngIf="isAuthorized"></
app-heroes-tsp>
<app-providers></app-providers>
`,
imports: [