У меня есть компонент со списком элементов, и я хочу разделить содержимое на два раздела в зависимости от ширины компонента.
компонент X:
<app-x>
<div (click)="click1()">Hi</div>
<div (click)="click2()">my</div>
<div (click)="click3()">name</div>
<div (click)="click4()">is</div>
<div (click)="click5()">Charles!</div>
<div (click)="click6()">Yes</div>
</app-x>
в приложенииШаблон -x:
<div class="x">
<div class="left">
<ng-content></ng-content>
</div>
<div class="right">
<ng-content select="{{left}}"></ng-content>
</div>
</div>
в компоненте app-x, я бы получил дочерние элементы с ContentChildren
или чем-то подобным, чтобы я мог вычислить ширину каждого, чтобы определить, какой раздел входит в какой раздел.После этого, как мне добавить два моих списка элементов, чтобы каждый из них мог сохранять свои выходные данные, входные данные и контент?
Спасибо