как напечатать значение элемента массива как предупреждение в угловых 6

Question

Я записываю в консоль значение 0-го элемента массива, поступающего из бэкэнда.

У меня вопрос, как я могу использовать это значение и напечатать на своей html-странице предупреждение.

import { Component, OnInit } from '@angular/core';
import { RegisterService } from '../../services/register.service';
import { Router } from '@angular/router';


@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})

export class RegisterComponent implements OnInit {
 model: any = {};
 
  tiles = [
    {text: 'Four', cols: 2, rows: 1, color: '#DDBDF1'}
  ];
  constructor(private auth: RegisterService, private router: Router) { }

  ngOnInit() {
  }

  registerUser(event) {
    console.log(event);
    event.preventDefault()
    const errors = []
    const target = event.target
    const username = target.querySelector('#username').value
    const email = target.querySelector('#email').value
    const dob = target.querySelector('#date').value
    const password = target.querySelector('#password').value
    var test;    

      this.auth.registerUser(username,email,dob, password).subscribe(data => {
        console.log(data);
        if(data[0].success) {
            console.log(data[0].success) // this data[0] i need to be on html page
        }else{
        }
      })
  

    console.log(username,email,dob,  password)
   
   
  }

}

я хочу, чтобы данные [0] печатались на html-странице

Answer 1

Вам нужно связать свои данные с некоторой переменной, тогда вы сможете получить к ней доступ, например:

this.auth.registerUser(username,email,dob, password).subscribe(data => {
        console.log(data);
        if(data[0].success) {
            this.yourData = data[0].success // this data[0] i need to be on html page
        }else{
        }
      });

и связать в выражении в HTML, как это -

{{yourData}}