有条件地将子组件导入父组件的模板angular 5

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

@Component({
  selector: 'app-child',
  template: `
    <h2>子组件</h2>
    <p>父组件传递的值：{{ parentValue }}</p>
  `
})
export class ChildComponent {
  @Input() parentValue: string;
}

<app-child [parentValue]="valueFromParent"></app-child>

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

@Component({
  selector: 'app-parent',
  template: `
    <h1>父组件</h1>
    <app-child [parentValue]="valueFromParent"></app-child>
  `
})
export class ParentComponent {
  valueFromParent = '这是来自父组件的值';
}