Как отобразить только что созданный компонент
Я использую Angular CLI 7.3.8 с Node 10.12.0. Я начал с создания нового «приложения» с помощью ng new tpangular, затем перешел в этот каталог и с помощью ng serve --open запустил приложение на своем компьютере. Затем я остановил выполнение, чтобы создать новый компонент, используя ng generate component 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
Вы не меняете корневой каталог приложения, вы должны добавить <app-etudiants></app-etudiants> в файл app.component.html. Попытайся.