Lodash имеет простую реализацию словаря и имеет хорошую поддержку TypeScript
Установить Lodash:
npm install lodash @types/lodash --save
Импорт и использование:
import { Dictionary } from "lodash";
let properties : Dictionary<string> = {
"key": "value"
}
console.log(properties["key"])
Вы должны подписаться на выходное событие onDelete в customer.component.ts
. Вы можете сделать это следующим образом:
public openDialogDelete($event: any): void {
const dialogRef: MatDialogRef<DeleteComponent> = this.dialog.open(
DeleteComponent,
{
width: "350px",
data: $event
}
);
// add these lines
dialogRef.componentInstance.onDelete.subscribe(data => {
console.log("deleted data--", data);
});
}
Существует вероятность того, что вы потеряли свою область данных, потому что ваш модал удаления имеет значение *ngIf
и удаляется при нажатии кнопки get. Итак, в основном компонент умирает (он удален из DOM), все его this
не определены, пока вы пытаетесь обратиться к этим данным из другого компонента через генератор событий. Подумайте об использовании общего сервиса для прохождения этого сообщения об удалении через компоненты:
Укажите общий предмет в сервисе, выделите этот предмет в модале удаления и подпишитесь на него в клиентском компоненте.