首页 > 解决方案 > 当我添加组件标签时,添加新组件“服务器组件”的 Angular 7 不会出现在浏览器中?

问题描述

这是第一次使用 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 { }

标签: javascriptangulartypescript

解决方案


你有定义你的<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


推荐阅读