New file |
| | |
| | | <div class="content__title"> |
| | | <h1> |
| | | ACL 访问控制 |
| | | <small>注意观察左边的菜单;ACLService提供一个完整的基于角色的访问控制的服务,若需要支持路由守卫,请配合ACLService与Route Guard配合简便实现。</small> |
| | | </h1> |
| | | </div> |
| | | <page-header [title]="'asdfasdf'"></page-header> |
| | | <nz-card nzTitle="标题"> |
| | | klsjdf |
| | | </nz-card> |
| | | <div nz-row [nzGutter]="8"> |
| | | <div nz-col [nzSpan]="24"> |
| | | <nz-card nzTitle="按钮粒度"> |
| | | ACL原始数据:{{ aclSrv.data | json }} |
| | | <button nz-button [acl]="'role-a'">role-a</button> |
| | | <button nz-button [acl]="'role-b'" class="ml-sm">role-b</button> |
| | | </nz-card> |
| | | </div> |
| | | </div> |
| | | <div nz-row [nzGutter]="8"> |
| | | <div nz-col [nzSpan]="8"> |
| | | <nz-card nzTitle="全量"> |
| | | <button nz-button (click)="toggleFull()"> |
| | | <span>{{ full ? '离开' : '设置'}}权限</span> |
| | | </button> |
| | | <p class="pt-md">全量类指系统管理员角色,无任何受限。</p> |
| | | </nz-card> |
| | | </div> |
| | | <div nz-col [nzSpan]="8"> |
| | | <nz-card nzTitle="角色[role-a]"> |
| | | <button nz-button (click)="toggleRoleA()"> |
| | | <span>{{ roleA.length > 0 ? '离开' : '设置'}}权限</span> |
| | | </button> |
| | | </nz-card> |
| | | </div> |
| | | <div nz-col [nzSpan]="8"> |
| | | <nz-card nzTitle="角色[role-b]"> |
| | | <button nz-button (click)="toggleRoleB()"> |
| | | <span>{{ roleB.length > 0 ? '离开' : '设置'}}权限</span> |
| | | </button> |
| | | </nz-card> |
| | | </div> |
| | | </div> |