В нашем SPA есть странная особенность поведения стилей CSS, проблема заключается в наложении стилей, это происходит, когда вы переходите к / rout (ссылки), стили из предыдущего компонента сохраняются и добавляются в новый , когда вы перезагружаете такую страницу в браузере (Ctrl + R), все становится на свои места, компонент начинает иметь только свои собственные стили CSS.
наша последовательность действий:
- открыть компонент [A]
- переход к компоненту [B]
- стили компонента [A], добавленные к компоненту [B]
- мы переходим от компонента [B] уже в [С]
- компонент [С] имеет стили из всю цепочку переходов [А] + [B] + [С], хотя ондолжно иметь только [С]
Мы используем:
"dependencies": {
"@amcharts/amcharts4": "^4.1.3",
"@angular/animations": "^7.2.4",
"@angular/cdk": "^7.3.1",
"@angular/common": "^7.2.4",
"@angular/compiler": "^7.2.4",
"@angular/core": "^7.2.4",
"@angular/forms": "^7.2.4",
"@angular/http": "^7.2.4",
"@angular/material": "^7.3.1",
"@angular/platform-browser": "^7.2.4",
"@angular/platform-browser-dynamic": "^7.2.4",
"@angular/router": "^7.2.4",
"@compodoc/compodoc": "^1.1.7",
"@molteni/export-csv": "0.0.2",
"@ngx-translate/core": "^11.0.1",
"@ngx-translate/http-loader": "^4.0.0",
"copyfiles": "^2.1.0",
"core-js": "^2.6.2",
"decimal.js-light": "^2.5.0",
"google-protobuf": "^3.6.1",
"grpc-web": "^1.0.3",
"hammerjs": "^2.0.8",
"husky": "^1.2.0",
"jquery": "^3.3.1",
"ngx-i18n-combine": "^1.1.0",
"ngx-translate-parser-plural-select": "^1.1.3",
"node-sass": "^4.11.0",
"normalize.css": "^8.0.1",
"protobufjs": "^6.8.8",
"qrious": "^4.0.2",
"rxjs": "^6.3.3",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular-builders/jest": "^7.2.0",
"@angular-devkit/build-angular": "~0.12.1",
"@angular/cli": "~7.2.1",
"@angular/compiler-cli": "^7.2.0",
"@angular/language-service": "^7.2.0",
"@commitlint/cli": "^7.3.2",
"@commitlint/config-angular": "^7.3.1",
"@types/google-protobuf": "^3.2.7",
"@types/jquery": "^3.3.29",
"@types/node": "~10.12.12",
"codelyzer": "~4.5.0",
"commitizen": "^2.7.6",
"cz-customizable": "^5.3.0",
"date-format": "^2.0.0",
"fs-extra": "^7.0.1",
"git-describe": "^4.0.3",
"hash-files": "^1.1.1",
"htmllint": "^0.7.3",
"htmllint-cli": "0.0.7",
"http-server": "^0.11.1",
"jest": "^23.6.0",
"js-beautify": "^1.8.9",
"minimist": "^1.2.0",
"protractor": "^5.4.2",
"replace": "^1.0.1",
"stylelint": "^9.9.0",
"stylelint-config-standard": "^18.2.0",
"tar": "^4.4.8",
"ts-node": "^7.0.1",
"tslint": "^5.12.0",
"typescript": "3.1.6",
"typescript-formatter": "^7.2.2",
"webpack-bundle-analyzer": "^3.0.3"
}