web-dev-qa-db-fra.com

angular 8 - le composant ne se charge pas dans le html

Je me demandais si quelqu'un avait un problème similaire comme ce que j'ai maintenant?

Je suivais le cours angular sur Scrimba, sa conférence 7, angular component.

J'ai créé l'application angular en utilisant la commande cli et j'ai essayé de charger et de changer la section "loading ..." avec "hello world" comme la conférence, j'ai même copié tout le code et le coller dans mon fichiers locaux et actualisez le fichier index.html mais cela n'a toujours pas fonctionné!

Je me demande si quelqu'un sait ou a eu un problème similaire? Merci beaucoup pour toute aide!

c'est ce que mon app.component

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<h1>{{ title }}</h1>`,
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.sass']
})
export class AppComponent implements OnInit {
  title: string;
  constructor(){ }

  ngOnInit() {
    this.title = 'hello';
  }
}

et c'est ce que mon app.module

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { CustomersComponent } from './customers/customers.component';

@NgModule({
  declarations: [
    AppComponent,
    CustomersComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

et voici mon index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>AngularProject</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root>
      Loading...
  </app-root>
</body>
</html>
javascriptangulartypescriptsingle-page-applicationangular8
3
yoonvak

J'ai eu un problème similaire (c'est-à-dire une page vierge). J'ai suivi les étapes simples données pour la démo Angular donnée dans https://angular.io/guide/setup-local (des étapes similaires sont également données dans d'autres sites) pour l'application de démonstration), mais il ne montrait rien. J'ai essayé de voir la source et je n'ai pu détecter aucun problème. Après un long essai, j'ai pensé que cela pourrait être un problème avec mon navigateur Firefox (j'avais Ubuntu 16.04, Firefox v51). Donc, je mets à jour Firefox dernière version v71 et il affiche le texte du module App (comme prévu). Veuillez essayer de vérifier votre navigateur Web, il pourrait s'agir d'un problème similaire. Bonne chance

0
SSrk