发表于: 2020-02-21 22:45:34

1 1382


今天完成的事

1,成功添加angular日历组件;

2,添加angular分页组件;

 明天的计划

1,制作列表新增页面;

2,学习服务后续概念;

遇到的问题

      在添加angular日历插件时,一开始发现使用命令为项目添加组件,出现不太能理解的报错

因为使用的官网引导教程,搜索良久后也没有找到出现该情况时组件是否添加成功;随后,点击了官方的在线演示教程,从构成组件的每个文件开始检查,随后再自己的项目中添加相同的代码后,组件成功可以应用;


收获

   为了加深操作印象,做一个简要步骤:(仅针对从官网处的引导教程操作)

1,找到需要添加的组件,再此以angular分页组件举例:

(1)angular分页模板代码, (可以添加到自己新建的组件中的html文件中);

(2)angular分页ts文件

因为使用的是自己创建的组件所以仅将部分组件ts代码复制:

(3)打开官网中对该组件的在线演示,每个组件都可以点击雷电符号进入在线演示

找到app.module.ts文件:

从中找到对添加该组件的引入代码:

import { PaginationModule } from 'ngx-bootstrap/pagination';

以及在装饰器@NgModule中添加声明

(4)在自己的项目中测试使用;


返回列表 返回列表
评论

    分享到