AngularJS——创建组件

一、页面规划：
针对公司项目需要，做一个列表查询页，前期主要涉及页面，讨论应该显示的内容，根据用户需求需要设计几个按钮，根据哪几个字段查询最为合理，易用。

二、使用Angular创建组件：
ng g component pub-training-plan

三、创建结果：

创建完成后的文件有css,html,ts,spec.ts四个文件，css写样式，html写静态页面，ts写js代码，spec.ts测试使用，目前不用动。

创建组件的时候遇到个问题，本来应该是在哪个文件夹下建的组件路径应该就是这个文件夹，但是建出来的组件路径又重复了，像这样：E:projectITOO-FrontEndsrcappworkspaceeducation-planpub-training-plansrcappworkspaceeducation-planpub-training-plan，问过晓风后，才知道我是用cnpm install安装的依赖包，后来试着用npm install，再重新输入创建组件的命令就ok了。

四、写html页，对应ts引入需要的service，model，定义变量接收返回值，定义用到的url，调http的get、post等等方法就ok了。

总结： 亲手实践一下，结合书，博客，官网再系统学习下就更好了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!