无法在 Angular2 的父组件中使用子组件
Unable to use child component in a parent component in Angular2
我正在尝试使用主组件内的子组件,app.component使用主组件模板内的选择器。但是它不起作用。
child.component.ts
import { Component} from '@angular/core';
@Component({
selector: 'child-component',
templateUrl: `<p>Child Component</p>`
})
export class ChildComponent { }
app.component.ts
import { Component } from '@angular/core';
import { ChildComponent} from './child.component';
@Component({
selector: 'my-app',
template: `<h1>Hello Angular!</h1>
<child-component> </child-component> `
})
export class AppComponent { }
我在模块中为 ChildComponent 做了如下声明
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ChildComponent} from './child.component';
import { AppComponent } from './app.component';
@NgModule({
imports: [BrowserModule],
declarations: [AppComponent,ChildComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
中提到的解决方案不起作用。
请帮忙解决。
您在 child-component
元选项中有错字。
templateUrl: `<p>Child Component</p>`
应该是
template: `<p>Child Component</p>`
我正在尝试使用主组件内的子组件,app.component使用主组件模板内的选择器。但是它不起作用。
child.component.ts
import { Component} from '@angular/core';
@Component({
selector: 'child-component',
templateUrl: `<p>Child Component</p>`
})
export class ChildComponent { }
app.component.ts
import { Component } from '@angular/core';
import { ChildComponent} from './child.component';
@Component({
selector: 'my-app',
template: `<h1>Hello Angular!</h1>
<child-component> </child-component> `
})
export class AppComponent { }
我在模块中为 ChildComponent 做了如下声明
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ChildComponent} from './child.component';
import { AppComponent } from './app.component';
@NgModule({
imports: [BrowserModule],
declarations: [AppComponent,ChildComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
请帮忙解决。
您在 child-component
元选项中有错字。
templateUrl: `<p>Child Component</p>`
应该是
template: `<p>Child Component</p>`