为什么我的 Angular 应用程序的 html 代码中的大括号没有编译它们内部的内容？

Question

我刚刚开始与Angular的冒险，我遇到了一个问题。我知道您可以在app.components.ts中创建一个属性并通过将其名称放入大括号中以 html 代码显示它，它应该在 wesite 上输出该属性 就我而言，它只是不起作用，我实际上一无所知。这是我的app.components.ts：

import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'AngularCV';
}

我想在我的 html 代码中使用一个名为"title"的属性。我的app.component.html：

<div>
{{title}}
</div>

运行实时服务器后，浏览器在不编译的情况下准确显示我键入的内容，因此 "{{title}}"是我在网页上看到的，而不是"AngularCV"，我搜索了类似的问题，但没有任何效果。也许这是微不足道的，但我现在被难住了。

Answer 1

好吧，我刚刚创建了一个全新的 angular 应用程序，并修改了我当前的 html 文件以匹配在全新应用程序中创建的文件。 一切都按预期工作。据我所知，src/index.html 应该只包含头部和空荡荡的身体，只有标记。所有没有头部的东西都应该放在app.component.html中。希望将来对某人有所帮助。