NG-ZORRO / today-ng-steps

:raising_hand: 一步步学习 ng-zorro-antd

Home Page:https://ng-zorro.github.io/today-ng-steps/setup

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

欢迎提交 PR 来丰富 Today 的功能

wzhudev opened this issue · comments

⚠️⚠️⚠️ 请不要在这个 issue 中提问题,提问题请开新 issue ⚠️⚠️⚠️

在系列教程的最后的一篇文章中, 我们提到了一些可以作为进一步练习的功能点:

  • 头像设置
  • 以月为单位总结用户的待办事项完成情况
  • 标记待办事项完成时的提示音
  • 隐藏已经完成的项目 @tirelyl
  • 标签 @tirelyl
  • 显示用户所在位置的天气(甚至根据天气推荐适合今日做的待办事项,或者不推荐做的!)
  • 可变主题(根据当前的时间选择对应的主题是个不错的主意)
  • 通知(我们做了开关,但是还没有实现这个功能)
  • 部分功能在 setting 界面的可配置

我们现在开放 PR 来丰富 Today 的功能. 如果你感兴趣的话, 可以在完成教程之后尝试实现其中的一个或几个. 通过了我们的 review, 你的代码将会成为这系列教程的一部分, 可以被其他的人学习. 我们还会将你的 ID 添加到 CONTRIBUTOR.md 文件中.

当你打算实现其中某个功能的时候, 请先在这个 issue 里声明你在做这个, 避免他人的重复劳动.

当你想要提交 PR 之前, 请在 GitHub Pages 上部署好这个项目, 方便预览. 如果你觉得你有必要解释一下你的代码给后面学习的人, 请写一个 markdown 文件.

如果你想到了其他的好功能, 请随意提 issue 说你想要添加某个功能.

已经完成的声明会被收起, 以方便他人阅读.


另外, 还有以下任务可以完成:

  • 利用 NG-ZORRO 提供的 Drawer 组件替换实现详情页时自己实现的侧边栏
  • 添加常用快捷键 (你可以写一个 ShortcutService)
  • 增加对所有表单的输入验证, 你也可以用 ReactiveForm 来重写所有的表单
  • Todo 列表改变的时候 Checkbox 会闪烁
  • Todo, List 支持多选批量操作

大挑战:

  • 将 today-ng-steps 移植到 Electron 平台上 (存储, 通知, 快捷键等机制都需要做出修改)

我想实现一下

  • 隐藏已经完成的项目
  • 标签

这两个功能😀

@tirelyl Great! Go ahead.

[] 隐藏已经完成的项目 #4

我打算实现一下:

  • 头像设置,
    嘿嘿,比较菜,从简单的开始做吧。

ty!

This is a good example of how to keep your git message clean and meaningful. #4

<input nz-input
placeholder="请输入你喜欢的用户名"
#usernameInput
[(ngModel)]="username">
<button nz-button
[nzType]="'primary'"
(click)="completeSetup()"
[disabled]="!usernameInput.value">
开始

编译报Can't bind to 'ngModel' since it isn't a known property of 'input'
和Can't bind to 'nzType' since it isn't a known property of 'button'的错误。
代码中也引进了FormsModule,请问怎么解决,在线等,急

如何将“主页面“(main.component.html)中的“内容区”(nz-content)显示通过路由过来的内容(this.router.navigateByUrl('/abc'))?
每次通过路由连接后都会将main的页面覆盖掉,能不能将main页面保留,把新的页面只显示在主页面的“内容区域中(nz-content)”

这里的(router-outlet)同时只能显示出一个页面,如何将(router-outlet)摆放在不同位置(多个)而显示不同内容呢?就像iframe一样!
例子中,在main.component.html中存在router-outlet,但当请求路由时,还是输出在app.component.html中的(router-outlet)标签下面,如果请求的路由不能输出在main页面的(nz-content)中,而只能通过覆盖main的方式显示,那么ng-zorro中layout似乎没有什么存在的意义了!如果可以,请给出解决方法!谢了!

求更新!!! Angualr 8 了, cli 命令有些都不一样, 文档内容还可以丰富一下

@Tonysmark 在做了在做了,参考 #17

我现在的问题:路由跳转后的页面ng-zorro-antd 里面的组建样式没有转换。比如button中
<button nz-button [nzType]="'danger'">danger nzType的样式没有转换。
正常转换后的样式是class="ant-btn ant-btn-primary" ,,,而现在还是nztype="danger" 。