Category "angular"

Use Angular Material mat-icon with custom svg icon in angular standalone library

I'm creating this angular library for a project, and inside it, i'm utilizing @angular/material mat-icon component. There is some custom svg files included as a

Angular - Cannot read properties of undefined (reading 'forEach') by trying to manipulate variable after an HTTP call

I'm trying to manipulate a variable after an HTTP call. I want to use functions such as .push() or .forEach(), but it doesn't allow me because data isn't assign

After Angular 13 Upgrade, Jasmine Unit Test Fails - Expected one matching request for criteria "Match method: POST, URL: api/x/x-search", found none

After upgrading to Angular 13 from 12, some of the Unit Tests started failing: Error: Expected one matching request for criteria "Match method: POST, URL: api/

What is the use of --output-hashing=all in angular build?

When we create build for production then we use a command as - ng build --aot --output-hashing=all --prod --base-href "/xyz/" --deploy-url "/xyz/" What is use

Angular PWA on Samsung Internet Browser

Angular version: 13 Samsung Internet version: 16.2.1.56 I developed an Angular application and added PWA. Chrome and Edge display the install icon, but Samsung

Angular typescript update class if element is in array

I am doing an APP in Angular 12. In my component.ts I have an string array[] like AccessRoles["AA","BB"] And on the other side I have a class like this export c

Deploy Angular Universal folder Server and Browser

I've built a project with Angular Universal with the command: npm run build:ssr Everything worked perfectly as I was able to visualize the result by using npm r

Corrupted file - .xml2js.DELETE/package,json in node_modules within an Angular project

Errors began after updating to Angular-Cli V10.1.0. Initial problems I encountered: The ng command was not working. I found that core dependencies were missing:

webpack AngularCompilerPlugin hostReplacementPaths in angular 13 doesn't work

After I've upgraded angular from v11 to v13 I found that I can't use hostReplacements from the AngularCompilerPlugin const angularCompilerPlugin = config.plugin

Why is Swiper not working for me in angular?

I am trying to use Swiper but I cannot achieve it, I followed the steps in the documentation (https://swiperjs.com/get-started/), the problem is that all the im

CoreUI styles aren't loading in my angular project?

I am trying to get the starter template html code from this website to work in angular. I made a new project, ran $ git clone https://github.com/coreui/coreui-a

GRAILS, ANGULAR, GRADLE --- Execution failed for task ':npmInstall'. --- npm finished with non-zero exit value 1

I am developing a project in IntelliJ and I am using Angular for the frontend and Grails for the backend. The project is being built with Gradle, and I am getti

What I am doing wrong when testing this method?

I am trying to test a method within a service that performs an http post. I have mock the service in my spec.ts and all seems correct for me, but the boolean va

How to make new line input message by pressing shift + enter? Angular

I have a chat box with a single input field. I want to make handle new line input like Facebook's chatbox. My Chat Box: [1]: https://i.stack.imgur.com/NeG7d.png

Embedding Checkout

I'm trying to embed the checkout of GiftUp on my angular site however not show when I run my HTML page. <div class="gift-up-target" data-site-id="XXXXXXXXXXX

ExcelJS: "Uncaught EvalError: 'unsafe-eval' is not an allowed source of script in the following Content" in Angular App

I have deployed Angular Application that uses ExcelJS library on IIS server. My current security policy forces me to return below header in IIS Http Response co

Angular dynamic forms project migration - 'input' has no initializer and not constructor, another error of Type T | undefined

Angular dynamic forms project migration - error of Type T | undefined I've been looking for an example project for building angular forms based on JSON datasets

Associate a valid label to this input field sonarqube

Sonarqube found a bug in this line of code: <div class="dropdown-language"> <label>{{'GENERALE.LINGUA' | translate }}</label>

does the filter with new date() accept format other than yyyy-mm-dd?

I have a response from mydatepicker in the following format { "isRange":false, "singleDate":{ "date":{ "year":2022, "month":5, "day":13 },

How can Angular router navigate to url which has '#' inside path?

I have this route defined in my router: const routes: Routes = [ { path: '', component: BaseComponent }, { path: '#HomePage'