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

 

posted on 2018-04-11 11:51  Failbs  阅读(822)  评论(0编辑  收藏  举报