Angular4

1.在VS Code的快速建立方式Ctrl+~打开终端机

2.进到ng的数据夹底下

3.输入命令:ng g c 组件名称



在建立组件后,会自动在app.module.ts中import相关的东西

同时也会建立四个文件

1.组件名称.component.css:可以自定义class给ngClass套用的文件

2.组件名称.component.ts:ts的程序都写在这,准确地说应该是js的程序,不过这边是要求使用typesciprt做编译

3.组件名称.component.spec:据说是测试单元,没有玩过

4.组件名称.component.html


我刚刚建立了一个mycomponent的组件,先来看看建立了哪些文件

其中使用组件的名称就是app-mycomponnet

constructor是建构子,页面载入前执行

ngOnInit() 是页面载入后执行


复制了app-mycomponent到app.component.html中

直接贴上再按下tab,会变成这样

此时在载入app.componen组件时,会在html中再把刚刚自行建立的组件“app-mycomponent”载入进来


LINE讨论群、FB讨论区

欢迎您的加入,让这个社群更加美好!

联络方式:
FaceBook
E-Mail