![8d0360c005052d9ae054d23449f81b9a.png](https://i-blog.csdnimg.cn/blog_migrate/43a44206b33d6c3a116f24cefe28f743.jpeg)
你好,我是燕云长风。
寓意:结合李白著名的边塞诗《关山月》取【燕云长风】—— 长风几万里,吹度玉门关。
yycf-dialog 是一个基于Angular开发的通用业务组件库,包含Loading, Message 和 Confirm。前端技术栈:Angular,TypeScript,RxJS 高级实现了此dialog组件,组件发布到 npm 市场两天后,下载量达到710,以此为契机,希望让更多的人来了解和使用。(2019-06-07 18:25 已发布最新10.0.0版本即Angular 8.0 组件)
为了让大家更加直观了解,我截取了一组在线运行图:
![3073569d4b937d3376679933f4715d98.png](https://i-blog.csdnimg.cn/blog_migrate/a9ad3753fc02b65b84834776cb05a1f5.jpeg)
![2d2f30e20c2e1d604195d1674375fbea.png](https://i-blog.csdnimg.cn/blog_migrate/ca89cfa33e9b9ccadae377b973f82c1e.jpeg)
![a3af52fd8f67a202f319a767919532b3.png](https://i-blog.csdnimg.cn/blog_migrate/eac70bfd303f1555e0eca546836f0895.jpeg)
安装:
npm install yycf-dialog
使用:
import { DialogModule, DialogService} from 'yycf-dialog/components';
<yycf-dialog [key]="'1'"></yycf-dialog>
<yycf-dialog [key]="'2'"></yycf-dialog>
<yycf-dialog [key]="'3'"></yycf-dialog>
//自定义的footer button 需要自定义button样式,或者直接使用其他组件库的button
<yycf-dialog [key]="'4'" #ct>
<yycf-footer>
<button class="customButtonClass" (click)="ct.accept()">确定<button>
<button class="customButtonclass" (click)="ct.reject()">取消<button>
<yycf-footer>
<yycf-dialog>
export class DialogDemo implements OnInit{
constructor(private dialog: DialogService) {}
ngOnInit(){