Component(组件)

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

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

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

4.@Component装饰符能接收一个配置对象，并把紧随其后的类标记为组件类。

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及其子视图；

巴特西

Component(组件)

最新文章

热门文章