Псевдоэлемент :focus-within
позволяет выбрать родителя, если у потомка есть фокус.
Элемент может быть сфокусирован, если он имеет атрибут tabindex
.
Поддержка браузера для фокуса внутри
Пример
.click {
cursor: pointer;
}
.color:focus-within .change {
color: red;
}
.color:focus-within p {
outline: 0;
}
I will change color
Click me
Вместо создания объекта в подписке, вам нужно установить результирующий набор в dataSource. Тогда обновите это тоже.
this.personObservalbe$.asObservable().subscribe((result:person[])=> {
this.dataSource.data = result;
this.table.renderRows();
});
очевидно, объявлять и инициализировать источник данных глобально. Объявите ViewChild тоже.
dataSource = new MatTableDataSource();
@ViewChild(MatTable) table:
Обновите HTML тоже.
<mat-table #table [dataSource]="dataSource" class="mat-elevation-z8">