Component(组件)

Posted 2020-10-30 Failbs

1.Component是一个模板的控制类用于处理应用和逻辑页面的视图部分。

2.Component时Angular2应用最基础的建筑砖块。

3.任何一个Component都是NgModule的一部分，为了定义Component成为NgModule的成员之一，我们应该在NgModule的declarations属性中将需要的Component列出。

[email protected]装饰符能接收一个配置对象，并把紧随其后的类标记为组件类。

5.最简单的Component

import { Component ， OnInit } from ‘@angular/core‘;
import {LentestService } from ‘./lentest.service‘;

@Component({
    selector: ‘lentest‘,
    templateUrl: ‘./lentest.component.html‘,
    styleUrls: [‘./lentest.component.css‘],
    providers: [ LentestService, ] // 此处的providers是使用方，用于注入；而Modeule的providers是供给方
})
export class LentestComponent implements OnInit {
    constructor(private lentestService: LentestService){ // 依赖注入，详见 Service(服务)
    }
    ngOnInit(): void{
    }
}

@Component装饰符的常用配置属性

selector - CSS选择器，在父级HTML视图中插入<lentest></lentest>标签后，可通过识别该标签，往其中创建并插入子组件；

templateUrl - Component的HTML模板地址；

styleUrl - 一个数组， Component的样式地址；

providers - 一个数组，包含组件所依赖的服务所需要的依赖注入提供者，可用于当前Component及其子视图；