angular7

After using ModuleMapLoaderModule, page is loading twice

╄→гoц情女王★ 提交于 2021-02-11 16:14:07
问题 Can someone pls help Website, page is loading twice after using ModuleMapLoaderModule, if i dont using it source code not showing in angular 7 universal Im also getting low speed at google insight and gtmatrix const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main'); try { // * NOTE :: leave this as require() since this file is built Dynamically from webpack const { AppServerModuleNgFactory, LAZY_MODULE_MAP } = require('./dist/server/main'); const { MODULE_MAP } =

Angular 7 Rxjs forkJoin unable to add new Observable to the existing list ie. more than 6 parameters

自作多情 提交于 2021-02-11 14:41:50
问题 I am using rxjs forkjoin to make multiple http request. forkjoin takes 7 parameters To the existing code, i just adding new observable. but for some reason it is throwing error which is really weird. Here is the existing code: const countries = this.referenceDataApiService.getLoadAndDischargeCountries(); const currencies = this.referenceDataApiService.getCurrencies(); ...... forkJoin([countries, currencies,..,..,..,..,xxx]).subscribe((results) => { this.countries = results[0] ? results[0]

Internet Explorer says 'Invalid character in vendor.js' ( ` )

杀马特。学长 韩版系。学妹 提交于 2021-02-11 14:39:40
问题 Angular 7 application not working on internet explorer. It says invalid character in vendor.js I have already apply polyfills.ts changes but it still not working. my tsconfig.json => { "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "module": "es2015", "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "importHelpers": true, "target": "es5", "typeRoots": [ "node_modules/

Image Slider / carousel not render while user move from one page to other - Angular 6

梦想与她 提交于 2021-02-11 12:33:40
问题 There are multiple pages (Home & Product detail page) in my application and each page has carousel with multiple images . When i browse application home page whole page is loaded and all js & carousel js working fine and carousel initialized without any error . But when i clicks on any product detail page then angular updates center part of page while header & footer remains same . Issue - carousel is not initialized at product detail page and all images display individually instead of

Date pipe is Working fine in Html Interpolation but not Working in Mat-DatePicker Input Fields

时光总嘲笑我的痴心妄想 提交于 2021-02-10 23:16:03
问题 I want to display a date in dd/MM/YYYY format when a user pick the date using the mat Datepicker but when i use the Datepipe in Datepicker it not shows any Date when we pick <mat-form-field class="box"> <input matInput [matDatepicker]="picker" placeholder="Generate Date" maxlength="10px" [readonly]="isNew1" [ngModel]="quotation?.generateDate | date: 'dd/MM/yy'" (ngModelChange)="quotation.generateDate=$event" [ngModelOptions]="{standalone: true}"> <mat-datepicker-toggle matSuffix [for]="picker

Date pipe is Working fine in Html Interpolation but not Working in Mat-DatePicker Input Fields

丶灬走出姿态 提交于 2021-02-10 23:13:58
问题 I want to display a date in dd/MM/YYYY format when a user pick the date using the mat Datepicker but when i use the Datepipe in Datepicker it not shows any Date when we pick <mat-form-field class="box"> <input matInput [matDatepicker]="picker" placeholder="Generate Date" maxlength="10px" [readonly]="isNew1" [ngModel]="quotation?.generateDate | date: 'dd/MM/yy'" (ngModelChange)="quotation.generateDate=$event" [ngModelOptions]="{standalone: true}"> <mat-datepicker-toggle matSuffix [for]="picker

Date pipe is Working fine in Html Interpolation but not Working in Mat-DatePicker Input Fields

烂漫一生 提交于 2021-02-10 23:13:42
问题 I want to display a date in dd/MM/YYYY format when a user pick the date using the mat Datepicker but when i use the Datepipe in Datepicker it not shows any Date when we pick <mat-form-field class="box"> <input matInput [matDatepicker]="picker" placeholder="Generate Date" maxlength="10px" [readonly]="isNew1" [ngModel]="quotation?.generateDate | date: 'dd/MM/yy'" (ngModelChange)="quotation.generateDate=$event" [ngModelOptions]="{standalone: true}"> <mat-datepicker-toggle matSuffix [for]="picker

Date pipe is Working fine in Html Interpolation but not Working in Mat-DatePicker Input Fields

冷暖自知 提交于 2021-02-10 23:10:30
问题 I want to display a date in dd/MM/YYYY format when a user pick the date using the mat Datepicker but when i use the Datepipe in Datepicker it not shows any Date when we pick <mat-form-field class="box"> <input matInput [matDatepicker]="picker" placeholder="Generate Date" maxlength="10px" [readonly]="isNew1" [ngModel]="quotation?.generateDate | date: 'dd/MM/yy'" (ngModelChange)="quotation.generateDate=$event" [ngModelOptions]="{standalone: true}"> <mat-datepicker-toggle matSuffix [for]="picker

Image/Video Preview In Angular

依然范特西╮ 提交于 2021-02-10 16:49:26
问题 I'm trying to upload image or video in Angular. I wanted to display its preview. I have no problem in previewing the image, my problem is how can i preview the video? Please see this stackblitz link: CLICK HERE CODE onSelectFile(event) { if (event.target.files && event.target.files[0]) { var reader = new FileReader(); reader.readAsDataURL(event.target.files[0]); reader.onload = (event) => { this.url = event.target.result; } } } 回答1: You can decide if the file is type of video/image and then

Active Directory B2C Redirect URI With Angular App

柔情痞子 提交于 2021-02-10 14:37:03
问题 We are using the MSAL service with an Angular App we built to use our AD B2C Login and Authentication. The problem we are running into is that the Angular App has many routes, several of them are parameterized and can have n number of possibilities. We set up the MSAL Service in our Angular like: B2CAccessTokenKey = 'b2c.access.token'; tenantConfig = { tenant: 'deepdivebioportal.onmicrosoft.com', clientID: 'xxxxxx-xxxx-xxxx-xxxx-xxxxx', signInPolicy: 'B2C_1_signin', signUpPolicy: 'B2C_1