我正在使用Angular CLI 7.3.8和Node 10.12.0。我开始使用ng new tpangular创建一个新的'app'然后移动到该目录并使用ng serve --open在我的计算机上启动应用程序。然后我停止执行以使用ng generate component etudiants创建一个新组件。到目前为止一切都很好，一切都已创建，现在我想在index.html文件中为app-etudiants切换app-root，期望在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>
和students.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() {
}
}
我没有找到任何解决方案，并且非常想了解发生了什么，因为我在执行期间看不到任何错误。
您没有更改app-root，您必须将<app-etudiants></app-etudiants>添加到app.component.html文件中。试试吧。