Questions tagged angular9

Explore the latest questions and answers asked by our top developers.

Angular component routing push in/out animation

I’m trying to animate a component to "push itself into" and "get pushed out of" view. Currently, a single container element hosts one component which occupies 100% of the space. The animation will trigger a second component (living within a router-outlet) to push itself in from the right and share 50% of the space with […]

By Chase Pareti
Published
Categorized as angular, angular9, css-animations Tagged , ,

Angular routing component push in/out animation

I’m trying to animate a component to "push itself into" and "get pushed out of" view. Currently, a single container element hosts one component which occupies 100% of the space. The animation will trigger a second component (living within a router-outlet) to push itself in from the right and share 50% of the space with […]

By Chase Pareti
Published
Categorized as angular, angular-animations, angular9 Tagged , ,

Gradient progress bar in angular

I am trying to make progress bar in my code. I am working on angular app. I have following code which is in Jquery. $(document).ready(function () { var dataval = parseInt($(‘.progress’).attr(“data-amount”)); if (dataval < 100) { $(‘.progress .amount’).css(“width”, 100 – dataval + “%”); } /*FOR DEMO ONLY*/ }); .progress { position: relative; height: 31px; background: […]

By Roma
Published
Categorized as angular, angular8, angular9, css, html Tagged , , , ,

Can’t run tests in a Angular 9 project

I’m working on an Angular codebase (first time) and I want to test my components using the default test runner brought with Angular. Here, my issue is that I can’t run tests, I always get an error, the same for each test: ● Test suite failed to run File not found: jest-preset-angular/InlineHtmlStripStylesTransformer.js (resolved as: /path/to/project/client/jest-preset-angular/InlineHtmlStripStylesTransformer.js) […]

By botf
Published
Categorized as angular, angular9, jestjs, ts-jest Tagged , , ,

ModuleWithComponentFactories has empty array of componentFactories

So I have been trying to create a dynamic component based on a stackblitz I made with the help of others. For some reason it works inside the stackblitz but not inside my project. As I am receiving the following error message: So this is the code of the component you can see in the […]

By Billy Cottrell
Published
Categorized as angular, angular9 Tagged ,

Missing module flag in highcharts

I am working on an angular application. I am using highcharts flag series in my angular app. My code is as follows: Code in my component is : Highcharts.chart(‘container’, { chart: { height: 150, events: { render: function() { const points = this.series[0].points; points.forEach(function(point, i) { if (points[i + 1] && point.plotX + point.graphic.width > […]

By Julie
Published
Categorized as angular, angular8, angular9, highcharts Tagged , , ,

Unable to set "no index" property in Spartacus angular 9

i tried to change page specific meta tag as and also am having robot tags in pages api.But its not changed in page still it shows .Below image for the reference of api returning values: Kindly give some suggestions even I have customized the PageMetaResolver. I don’t know how to handle this issue Source: Angular […]

Scale graph in angular

I am working on an angular application. I need graphs in my app and for that I am using highcharts library in my app. I need a graph as shown in image attached. my_graph This chart has a kind of scale ranging 0 to 5 and data is plotted using flags/boxes I am not able […]

By Julie
Published
Categorized as angular, angular10, angular9, highcharts Tagged , , ,

Push the checked/selected item of checkbox at the top of the list in Angular9 and above

I am trying to get the selected checkbox on the top the list Say If I selected fourth checkbox among five checkboxes(12345) the result should be (41235) please help for your reference I have added work done till now and add link also. TS file import { Component } from ‘@angular/core’; @Component({ selector: ‘my-app’, templateUrl: […]

By rkamlekar
Published
Categorized as angular, angular9, checkbox, html, typescript Tagged , , , ,

Angular interceptor is not adding custom param in requests

I use Angular 9 and i want to add the country name in all requests going to the back end. I found a blog explaining how to add a request param with interceptor import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, } from "@angular/common/http" import { Observable } from "rxjs" export class CountryInterceptorService implements HttpInterceptor { intercept( […]

1 2 3 58

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq