| 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> | 
|---|