Category : angular12

On an Angular 12 application I have the following environment: export const environment = { production: false, applications: [ { name: "Api", url: "https://localhost:5001" }, { name: "Bot", url: "https://localhost:5003"} ], } And I create an Application interface and EnvironmentService class: export interface Application { name: string; url: string; } export class EnvironmentService { constructor() ..

Read more

On an Angular 12 application I have the following in a Less file: @import (reference) ‘src/const.less’; And I get the warning when I build it: ./src/app/signup/signup.component.less – Warning: Invalid dependencies have been reported by plugins or loaders for this module. All reported dependencies need to be absolute paths. Invalid dependencies may lead to broken watching ..

Read more

Whats the best approach to detect which radio has been selected in the following example? <label for="apple"> <input id="apple" type="radio" name="fruits" value="apple" class=""/> <span>Apple </span> <SomeComponent> </label> <label for="mango"> <input id="mango" type="radio" name="fruits" value="apple" class=""/> <span>Mango </span> <AnotherComponent> </label> I want to be able to add a background to the selected label using ngClass. I ..

Read more

My stackblitz for this project: https://stackblitz.com/edit/tabletesting. I am concerned only on the ‘materialtable’ component though: https://tabletesting.stackblitz.io/materialTable I thought I would ask here else I am going to try to just start over completely with my mat-table. My table looks like this craziness: Ultimately I just want the columns to show header and detail like normal, ..

Read more

I am using Zxing Scanner component in Angular version 12. I faced this error in many places.. /** * Returns a valid BarcodeFormat or fails. */ private getBarcodeFormat(format: string | BarcodeFormat): BarcodeFormat { return typeof format === ‘string’ ? BarcodeFormat[format.trim().toUpperCase()] : format; } Error is in this line [format.trim().toUpperCase()] and when I hover it will ..

Read more

After i create a new Angular 12.0.3 project, npm audit immediately detects 8 high and 40 moderate vulnerabilities. # npm audit report css-what <5.0.1 Severity: high Denial of Service – https://npmjs.com/advisories/1754 fix available via `npm audit fix –force` Will install @angular-devkit/[email protected], which is a breaking change node_modules/css-what css-select <=3.1.2 Depends on vulnerable versions of css-what ..

Read more