组件基本使用

1.app.component.ts

import { Component } from ‘@angular/core’;
//在Angular中，组件就是一个类
//@Component 组件的装饰器 (组件的元数据)
// selector: 用来定义组件渲染的标签名称(index.html中有一个app-root) 其实就是组件的名称
// templateUrl: 用来指定组件的页面模板
// styleUrls : 一个数组，用来存放组件相关的样式文件
@Component({
selector: ‘app-root’,
templateUrl: ‘./app.component.html’,
styleUrls: [‘./app.component.less’]
})
export class AppComponent {
//这里面用来放组件的数据和方法
title = ‘testng2’;
count = 0;
increment = ()=>{
this.count ++;
}
}

2.app.component.html

{{count}}