Есть АПИ (данные на него передавать не нужно, на сервере живет cookie-сессия)
{"login": "test", "ban": 0}
И корневой компонент app.component.ts
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
export class User {
login: string;
ban: number;
}
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
user: User
constructor(private http: HttpClient) {}
ngOnInit() {
this.http.get('/server/api/userService').subscribe((data: User) => (this.user = data))
}
}
В шаблоне этого компонента я могу увидеть {{ user.login }}. А как сделать так, чтобы эту переменную было видно в шаблоне любого компонента?