Angular 做一个 SwitchButton (滑动开关)功能模块

什么是 SwitchButton 相信你早已有听闻,在这里就不用多说了,现在我们还是来看看怎么用 Angular 做下个 SwitchButton 。 在做之前,我们先来看看效果图: 效果你都见得多了,下面我们来看看代码,首先我们先来看看这个 SwitchButton 的 .html switch-button.component.html <div class="switch-button" [ngStyle]="myStyle" [ngClass]="{'switch-button-close':trigger.status}" (click)="triggerFn(...

2018
01-21

Angular 实现树形菜单(多级菜单)功能模块

前言 本文要分享的是一个多级菜单效果,也就是传说中的树形结构菜单,理论上支持无限级菜单,当然数据结构要一定的要求,但这都不是什么难事,因为我们可以把数据组装成所需要的结构。下面这个例子虽然不是很完美好,但是估计也够用了。这个多级菜单是模仿 Angular 官方的左侧菜单效果来做的,效果的相似度应该达到 99%,本文内容有点多(主要是代码),因为我想把所有的代码都贴出来,尽量不让你幻想缺...

2018
01-18