Angular--快捷命令操作

1创建组件

ng g component componentName component:组件

2、创建服务

ng g service serviceName

service:服务

3、创建指令

ng g directive directiveName

directive：指令

4、创建管道

ng g pipe pipeName

pipe:管道

5、创建类 ng g class className

class:类

6、创建接口 ng g intetrface interfaceName

intetrface:接口

7、创建枚举ng g enum enumName

enum:枚举

8、创建模块 ng g module moduleName

module：模块

 

指令相关

[(ngModel)]:双向绑定

*ngIf:条件判断

*ngFor:循环

[ngClass]:绑定样式

[ngStyle]:绑定行内样式

（click）:事件绑定/注册

[ngSwitch]:逻辑当断

[ngSwitchCase]:逻辑判断--配合[ngSwitch]使用

 

 

装饰器

@Component:组件装饰器

组件名称：可以作为标签显示当前组件的内容

selector

模板

template/templateUrl

样式

styles/styleUrls 可以不需要html文件，只需要一个ts文件

 

@pipe：管道装饰器

@NgModule：模块装饰器

declaration：声明 声明组件，指令，管道

imports:导入 导入一些核心模块 HttpModule FormsModule RouterModule

 

bootstrap：启动/引导/引导向/启动项

providers:提供 提供的服务：可重用逻辑

 

@Input：输入属性、装饰器，用于父组件向子组件传递数据

@Output：输出属性、装饰器，用于子组件向父组件传递数据

@injectable：依赖注入、生成服务的装饰器