Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度7,添加新组件';服务器组件';isn';添加元件标记时是否在浏览器中显示?_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 角度7,添加新组件';服务器组件';isn';添加元件标记时是否在浏览器中显示?

Javascript 角度7,添加新组件';服务器组件';isn';添加元件标记时是否在浏览器中显示?,javascript,angular,typescript,Javascript,Angular,Typescript,这是第一次使用Angular现在我正在学习Angular 7: -我在中创建了一个新的自定义组件 -| src文件夹 ---|应用程序 ----||服务器(我的组件的名称) 然后我在app.component.html中添加了组件的名称 我在浏览器中的教程中看到 服务器组件 即使他添加了空元素 我做所有的步骤 server.component.ts文件 import { Component } from '@angular/core'; @Component({ selector:'a

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

您是否在
app.component.html
中定义了

添加:

<app-server></app-server>

因此,您将看到它的HTML


实际上,您所做的是导入它并使它对
AppModule
中声明的其他组件可见,但是你实际上并没有这样称呼它。

请在这里为app.component.HTML编写HTML模板代码。我投票将这个问题作为离题题来结束,因为Angle文档解释了所有这些。我也将它添加到了server.component.HTML中,没有任何更改:(我也将它添加到server.component.HTML中,没有任何更改:(我还在server.component.html中添加了它,但没有任何更改:(在
app.component.html
。@SarahAhmed
<app-server></app-server>