Javascript 子组件在角度4中不工作
我试图显示一个子组件,但输出是一个空白屏幕。甚至连标题都没有显示出来。我是新手,请帮忙 应用程序组件.tsJavascript 子组件在角度4中不工作,javascript,angular,typescript,Javascript,Angular,Typescript,我试图显示一个子组件,但输出是一个空白屏幕。甚至连标题都没有显示出来。我是新手,请帮忙 应用程序组件.ts import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
}
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { CAppComponent } from './child/child.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule, CAppComponent
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
子组件
import {Component} from '@angular/core';
@Component({
selector: 'app-test',
template: '<h1>Haa</h1>',
})
export class CAppComponent {
}
app.component.html
<!--The whole content below can be removed with the new code.-->
<div style="text-align:center">
<h1>
Welcome to {{title}}!!
</h1>
<app-test></app-test>
</div>
欢迎来到{{title}}!!
您需要在声明中注册组件
:
@NgModule({
declarations: [
AppComponent, CAppComponent <--------------
],
imports: [
BrowserModule,
@NgModule({
声明:[
AppComponent,CAppComponent