angular基本使用

 

装饰器简介：

Angular 有很多装饰器，它们负责把元数据附加到类上，以了解那些类的设计意图以及它们应如何工作。

@Component装饰器

声明一个组件时，在组件类的之上要用@Component装饰器来告知Angular这是一个组件

 

@Component({

  selector: 'app-root',    //标签名

  templateUrl: './app.component.html', // 模板url引入的位置

  styleUrls: ['./app.component.less'] ，less url 引入位置

})

@NgModule是一个装饰器函数，它接收一个用来描述模块属性的元数据对象

@Directive标记类作为指令并收集组件配置元数据
声明当前类是一个指令，并提供关于该指令的元数据

@Pipe******
声明当前类是一个管道，并且提供关于该管道的元数据

@Injectable标记元数据并可以使用Injector注入器注入
声明当前类有一些依赖，当依赖注入器创建该类的实例时，这些依赖应该被注入到构造函数中。

输入属性（@inputs）:是用来接收外部传入的数据的,Angular的程序结构就是一个组

输出属性（@Outputs）：用来定义一些其他组件可能需要的事件或者用来在组件之间共享数据