Я пишу код с использованием угловых.У меня есть некоторые данные с древовидной структурой, которая имеет только 2 уровня: «Некоторые родители с некоторыми детьми».Я имею в виду, что дети не должны иметь детей.
В моем шаблоне я решил поместить кнопку «Добавить» перед родителем JUST для перенаправления на страницу создания, чтобы добавить некоторых детей.
<ng-template #itemTemplate let-item="item" let-onCollapseExpand="onCollapseExpand"
let-onCheckedChange="onCheckedChange">
<div class="form-inline row-item">
<i *ngIf="item.children" (click)="onCollapseExpand()" aria-hidden="true" class="fa"
[class.fa-caret-right]="item.collapsed" [class.fa-caret-down]="!item.collapsed"></i>
<div class="form-check">
<input type="checkbox" class="form-check-input" [(ngModel)]="item.checked"
(ngModelChange)="onCheckedChange()" [disabled]="item.disabled" [indeterminate]="item.indeterminate" />
<label class="form-check-label" (click)="item.checked = !item.checked; onCheckedChange()">
{{item.text}}
</label>
<label class="form-check-label">
<a href="#" class="fa fa-plus text-success" [routerLink]="['/news/categories/create',item.value]"></a>
<i class="fa fa-trash text-danger" aria-hidden="true" title="Remove" (click)="removeItem(item)"></i>
</label>
</div>
</div>
</ng-template>
Но она добавляет эту кнопку ко всем узлам.Как я могу показать его только на родительских узлах?