| <div class="content__title"> | 
|     <h1> | 
|         ACL 访问控制 <small>注意观察左边的菜单;ACLService提供一个完整的基于角色的访问控制的服务,若需要支持路由守卫,请配合ACLService与Route Guard配合简便实现。</small> | 
|     </h1> | 
| </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> |