Как отобразить недавно созданный компонент - PullRequest
0 голосов
/ 10 апреля 2019

Я использую Angular CLI 7.3.8 с Узлом 10.12.0.Я начал с создания нового «приложения» с помощью ng new tpangular, затем перешел в этот каталог и с помощью ng serve --open запустил приложение на моем компьютере.Затем я остановил выполнение, чтобы создать новый компонент, используя ng generate component etudiants.Пока все хорошо, все создано, и теперь я хочу отключить root-app для app-etudiants в файле index.html, ожидая увидеть основной текст в etudiants.component.html, но ничего не происходит.Текст не отображается.

Я попытался очистить файл etudiants.component.ts, чтобы он соответствовал app.component.ts, ожидая, что метод копирования и вставки по крайней мере что-то сделает, но нет, ничего не работает,Я видел, как люди говорили, что вам нужно добавить атрибут директив к компоненту, который я пробовал, но я получил сообщение об ошибке: 'directives' does not exist in type 'Component'.

Вот файл index.html:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Tpangular</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-etudiants></app-etudiants>
</body>
</html>

etudiants.component.html:

<p>
  etudiants works!
</p>

и etudiants.component.ts:

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

@Component({
  selector: 'app-etudiants',
  templateUrl: './etudiants.component.html',
  styleUrls: ['./etudiants.component.css'],
})
export class EtudiantsComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

Я не нашел никакого решения и очень хотел бы понять, что происходитпотому что я не вижу ошибок во время выполнения.

1 Ответ

2 голосов
/ 10 апреля 2019

Вы не меняете корень приложения, вам нужно добавить <app-etudiants></app-etudiants> в файл app.component.html.Попробуй.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...