Question

这是第一次使用Angular现在我正在学习angular 7： -我在中创建了一个新的自定义组件 -| src文件夹 --- |应用程式 ---- ||服务器（组件的名称）

然后我在app.component.html中添加了组件的名称我在教程中看到在浏览器中显示服务器组件即使他将其添加为空元素我完成了

server.component.ts文件

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

@Component({
    selector:'app-server',
    templateUrl: './server.component.html'
})

export class ServerComponent {

}

＆app.module.ts文件

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

import { AppComponent } from './app.component';
import { ServerComponent } from './server/server.component';

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

Answer 1

您在某个地方定义了<app-server></app-server>吗？

例如在app.component.html

中

<app-navbar></app-navbar>

    <app-server></app-server>

<app-footer></app-footer>

此外，您还会在这里找到示例：https://angular.io/tutorial/toh-pt1

Answer 2

在您的app.component.html中添加：

<app-server></app-server>

因此，您将看到其HTML。

您所做的实际上是导入并使其对AppModule 中声明的其他组件可见，但是您实际上并未调用它。

添加组件标签时，在浏览器中不会出现带有添加新组件“服务器组件”的Angular 7？

2 个答案: