Я знаю, что это может быть не очень хороший вопрос. Но я действительно не знаю, что делать, и я ищу причины.
Я запускаю свое пользовательское приложение Angular 5 + Material 2 локально, а mat-dialog
mat-tab
очень медленные. Я даже пытался отключить анимацию, но она все еще очень медленная.
Также при компиляции для производства с помощью ng-build --prod
результаты очень медленные.
Поэтому, возможно, я делаю что-то не так с диалогом Вот мой код:
openEditDialog(car:Car) {
let dialogRef = this.dialog.open(EditDemandComponent);
dialogRef.componentInstance.id = car.id;
dialogRef.afterClosed().subscribe(result => {
console.log('The edit dialog was closed');
});
}
Мой конструктор:
constructor(
private httpClient: HttpClient,
private dialog: MatDialog, etc..
и конструктор компонента диалога:
constructor(public dialogRef: MatDialogRef<EditDemandComponent>, etc..
Внутри диалогового компонента я использую код this.dialogRef.close();
У меня действительно нет вариантов здесь, и я действительно не понимаю, так как материал 2 документа очень быстрый, и для меня локально все очень медленно. Указывает на медленный, поскольку анимация не идет гладко. Требуется не менее 2 секунд, чтобы открыть диалоговое окно или переключать вкладки.
Вот мои версии:
"dependencies": {
"@angular/animations": "^5.0.2",
"@angular/cdk": "^5.0.0-rc.1",
"@angular/common": "^5.0.0",
"@angular/compiler": "^5.0.0",
"@angular/core": "^5.0.0",
"@angular/flex-layout": "^2.0.0-beta.10-4905443",
"@angular/forms": "^5.0.0",
"@angular/http": "^5.0.0",
"@angular/material": "^5.0.0-rc.1",
"@angular/platform-browser": "^5.0.0",
"@angular/platform-browser-dynamic": "^5.0.0",
"@angular/router": "^5.0.0",
"core-js": "^2.4.1",
"rxjs": "^5.5.2",
"zone.js": "^0.8.14"
}
Это медленно в Chrome, IE и Edge
Моя система - это ноутбук для разработки, ядро I7, SSD, 16 ГБ ОЗУ и т.д. Не думайте, что это медленная система.
Может кто-нибудь мне помочь?
Изменить: добавлен этот показатель производительности браузера: я думаю, что проблема где-то в анимации. Это работает несколько, и только этот уже занимает 1,2 секунды. Было бы приемлемо, если бы это было гладко, но это не так. Нет ничего действительно гладкого в отношении материала. Просто не могу это объяснить.
Добавлен также образ всего, что он делает. Это нормально?