Переключение div показать / скрыть для родителя и ребенка отношения в угловых 6 - PullRequest
Новая
       5

Переключение div показать / скрыть для родителя и ребенка отношения в угловых 6

0 голосов
/ 29 июня 2019

У меня есть список значений в div с родителем и потомком.Когда я переключаю любую конкретную родительскую запись, все дочерние записи, связанные с другими родителями, также открываются.Я связываю этот div из службы (API)

. Найдите пример кода, используемого для вышеуказанной функции 

 <div class="table rts-table-parentChild" *ngFor="let  userRole of userRoleActions; let i = index">
<div class="table-row table-header">
    <div class="table-cell">
        <span *ngIf="userRole.userRoleSubActions.length" id="section{{userRole.actionName}}"
        class="margin-right-5 fa fa-plus-circle" role="button"
        tabindex="0" [ngClass]="[clickPlus === false ? 'fa fa-plus-circle' : 'fa fa-minus-circle']"  (click)="clickPlus=!clickPlus"></span>
        {{userRole.actionName}}
    </div>
    <div class="table-cell">
        <input type="checkbox" [ngModelOptions]="{standalone: true}" class="setup-checkbox"    id="ChekCreate{{userRole.actionName}}" [(ngModel)]="userRole.isCreateChecked"
        (click)="selectParentRole(i,'create')">
    </div>
   <div class="table-cell">
        <input type="checkbox"[ngModelOptions]="{standalone: true}" class="setup-checkbox" id="ChekDelete{{userRole.actionName}}" [(ngModel)]="userRole.isDeleteChecked"
        (click)="selectParentRole(i,'delete')">
    </div>
</div>

<ng-container *ngIf="clickPlus">
<div style="display:table-row-group;" *ngFor="let item of userRole.userRoleSubActions; let j = index">
  <div class="table-row ">
    <div class="table-cell" class="subj"> {{item.actionName}}</div>
        <div class="table-cell">
        <input type="checkbox" [ngModelOptions]="{standalone: true}" class="setup-checkbox"
            [(ngModel)]="item.isCreateChecked" (change)="isCreateChecked(i,'create')">
        </div>
        <div class="table-cell">
            <input type="checkbox" [ngModelOptions]="{standalone: true}" class="setup-checkbox"
            [(ngModel)]="item.isDeleteChecked" (change)="isCreateChecked(i,'delete')">
        </div>
    </div>
</div>
</ng-container>

1 Ответ

0 голосов
/ 29 июня 2019

Привет, потому что переключаются на переменную clickPlus Именно поэтому конкретная родительская запись, все родительские записи помечены. Таким образом, вы должны добавить 

show:boolen

в модели userRoleActions и в событии щелчка вы можете переключаться как 

(click)="userRole.show=!userRole.show"

Надеюсь, вы понимаете мою мысль, может, это поможет вам.

...