You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
21 lines
1.0 KiB
21 lines
1.0 KiB
<div class="box"> |
|
<form nz-form [formGroup]="validateForm"> |
|
<nz-form-item> |
|
<nz-form-label [nzSm]="6" [nzXs]="24" nzFor="菜单">菜单</nz-form-label> |
|
<nz-form-control> |
|
<nz-tree-select [nzCheckStrictly]="true" #nzTreeComponent formControlName="menus" [nzNodes]="nodes" |
|
nzShowSearch nzCheckable nzPlaceHolder="请选择菜单" [nzExpandedIcon]="multiExpandedIconTpl" |
|
[nzHideUnMatched]="true"> |
|
</nz-tree-select> |
|
</nz-form-control> |
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin"> |
|
<ng-container *ngIf="node.children.length == 0; else elseTemplate"> |
|
</ng-container> |
|
<ng-template #elseTemplate> |
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'" |
|
class="ant-tree-switcher-line-icon"></i> |
|
</ng-template> |
|
</ng-template> |
|
</nz-form-item> |
|
</form> |
|
</div> |