将组件选择器用于 Angular 4 中的其他组件

Question

我需要将滑块组件添加到主页组件。

滑块组件是

滑块.component.ts

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

@Component({
  selector: 'app-slider',
  templateUrl: './slider.component.html',
  styleUrls: ['./slider.component.css']
})
export class SliderComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

滑块.component.html

<div class="container-image-slider">
         <img id="img1">
          <img id="img2">
          <img id="img3">
  </div>

主页组件 home.component.ts

import { Component, OnInit } from '@angular/core';
 @Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

主页.component.html

<app-slider></app-slider>

这里的问题是它给出了错误

<app-slider></app-slider>

Answer 1

您必须在 app.module.ts 中导入组件：

import { AppSliderComponent } from 'pathToComponent';

@NgModule({
    declarations: [
        AppComponent,
        AppSliderComponent
]