Questions tagged [angular]

Questions about Angular (not to be confused with AngularJS), the web framework from Google. Use this tag for Angular questions which are not specific to an individual version. For the older AngularJS (1.x) web framework, use the angularjs tag.

Filter by
Sorted by
Tagged with
0
votes
0answers
3 views

How to add Row after every 3 columns in angular

What i am trying to do is add a row div after every 3 colum divs Example Output need: <div class="row"> <div class="col-md-6"></div> <div class="col-md-6"></div&...
0
votes
1answer
6 views

Route to component and change some values of that component

I have two component in my Angular website, in my second component I have a function: this.ben = 1; send(){ var param = JSON.stringify({'beneficiari': this.ben}); console.log("JSON",param); ...
0
votes
0answers
8 views

How to work with nested array in .ts file

I have the below json array which my service.ts get request returned. I will like to know how I can grab the value of "university" and "course" from all the objects and store it in a new array. ...
0
votes
0answers
9 views

File replacement when running ng build doesn't always happen

I'm having trouble with how ng build and ng serve do file replacements. To test/reproduce this issue I created a brand new angular app (using ng new and giving it a name). I then added two files, ...
0
votes
1answer
17 views

How do I convert from an ng.IPromise to an Observable

I am sorry for the ugly situation that this is, but I have no control over the result that I get. My company is currently upgrading from angularjs to angular 7 or 8. We have some service calls that ...
0
votes
0answers
4 views

jsonp request throws “GET about:blank net::ERR_UNKNOWN_URL_SCHEME” error on line 2151 in http.js

I'm writing my first Angular application and trying implement a subscription form using Mailchimp using this as a guide. I'm preparing the request like this: mailChimpEndpoint = 'https://gmail.us20....
0
votes
0answers
7 views

UnhandledPromiseRejectionWarning on Angular

AM trying to register using my angular as my frontend and nodejs,mongoose and restify as my backend the problem am getting is first the window pop up telling me that localhost:4200 says undefined then ...
-1
votes
0answers
7 views

How Angular Get HTTP Header from WebSeal

im developing a web application with Angular (Front End) and Spring Boot (Back End), i need to integrate the SSO that work through WebSeal (Reverse Proxy) , WebSeal return a HTTP Header and Cookies ...
0
votes
0answers
21 views

Using a FormArray instead of FormControl Angular

I would like to use FormArray instead of FormControl for the following typescript code import { Component, OnInit, Input } from '@angular/core'; import { FormBuilder, FormGroup, FormControl, ...
0
votes
1answer
20 views

How do I find the total number of items in an * ngFor Array and total number radio inputs filled out

I am trying find the total number of questions in the array *ngFor="let item of form; let i=index;" //How many total? and then the total number of radio buttons that have been selected in an ionic ...
0
votes
0answers
20 views

Angular PIPE strings not being translated

Im trying to use a Pipe to transform some of my data to when i reply to a comment. So my comments will have dates like "just now, 1 minute, 1h, 1month, 1year". The problem is Im only able to translate ...
0
votes
0answers
10 views

ExpressionChangedAfterItHasBeenCheckedError with Ngrx

I know this may be encountered several times but I can't find a clean efficient way to solve it. I have a piece of code like this <div *ngIf="userUsername$ | async as username"></div> and ...
-1
votes
0answers
7 views

Is Angular test needed to check specific order of columns

I have an angular 8 application and have changed the order of the columns in the table. We need to write tests after every implementation but I need to ensure if a test needs to be written for such ...
1
vote
3answers
48 views

Javascript window.print() method only works once

I have the following code snippet I have implemented on some Angular project in one of the components. I can print successfully but when I try the second time the onClickPrint() method is not ...
1
vote
0answers
14 views

Ngrx effects not working when in a preloaded module

I have two modules, let's call them EagerModule and PrealodedModule. Both of them have their own feature reducers and effects. EagerModule is loaded eagerly in the app, meaning its in the list of ...
0
votes
1answer
9 views

Angular 8 Jasmine not matching HTTP request

I have an Angular service making some HTTP requests, and I want to test that it's making them the right way. Among its dependencies, it also has an EnvironmentService that returns the correct API ...
0
votes
1answer
23 views

Jasmine Unit Test failing when ran with all tests, succeeds when ran in isolation

I have an angular 8 project and have a basic out of the box "should create" unit test failing with an error "Uncaught TypeError: Cannot read property 'forEach' of null thrown". Problem is that this ...
1
vote
2answers
36 views

Angular 8 @ViewChild returns undefined. Can't access ElementRef

I am trying to access elements in my template in component. I added references to elements. I can access these elements inside template but in component code when I get references with @ViewChild they ...
0
votes
1answer
15 views

ionic - sqllite insert multiple rows

sorry for the basic question but I am trying to understand which is the best way to do this. I am new to promises and angular/typescript/ionic/javascript. I have an array and I want to insert in a ...
1
vote
1answer
20 views

Antd/Angular Tooltip not displayed

I'm new to Angular and Antd, and am trying to implement a simple tooltip on an antd icon. The code looks right, based on the example given at https://ng.ant.design/components/tooltip/en, and while I ...
1
vote
3answers
35 views

Angular Environment file not seen in the distribution folder

I have an angular 8 application and testing the timeout set in the enviornment.ts file. I have currently set the timeout to 6 minutes I have two enviornment files that is enviornment.ts and ...
0
votes
0answers
17 views

Inheriting the template of an extended base component

Is it possible to inherit the template of an extended base component? Like in my case, I have a ChildComponent which is extended from BaseComponent like below: @Component({ selector: 'lib-base', ...
2
votes
1answer
31 views

Best way to manage height of angular components to fit in screen

I am having troubles with height of my components... I have a mat-toolbar in a component called app-navbar, and I have another component called app-sidebarwith a mat-nav-list (which is a side left bar ...
0
votes
1answer
12 views

Angular testing: Cannot read property 'nativeElement' of null

I am new in Angular testing and at the moment I am trying to test this piece of code but I'm getting an error concerning the event raised on the DOM: <li class="list-group-item" *...
0
votes
0answers
7 views

How can i apply a sharpness filter?

I am developing a tool to apply filters in Angular. I am using Canvas HTML component to apply different filters. I have not got problems with contrast or brightness because the property FILTER has got ...
-1
votes
0answers
30 views

Developing a basic chessboard in angular 4 and highlighting the possible path of a piece

I am stucked at how to show the pieces in the definite squares and how to highlight the path that a piece can take. I have created the chessboard squares with two sets of arrays "rows" & "columns"...
0
votes
0answers
17 views

How to convert buffer data of an BLOB image sent by Node Server connected with MYSQL to an image in angular frontend

[ this image contains the browser snippets]I Cannot convert Buffer Data to image in an Angular frontend connected to a MySQL database. Here is the data I am receiving from the Node server: 1 ...
-1
votes
0answers
12 views

Save Formatted Text In Angular Firebase

I am building Blog Website for my blogs and i have added a rich Text Editor provided by Quill..I am saving Quill Data to Angular Firebase Realtime Database.Data saved into Firebase is of the form with ...
0
votes
0answers
24 views

Angular 8 build does not work with IE though serve works fine

im tried to build my angular 8 app for ie, but it does not work. I followed several tutorials and workarounds how to "fix it". Sadly it only works for ng s and not for ng b. I followed for example ...
1
vote
1answer
18 views

How to post data of angular material stepper form to Node.Js backend

I have angular in front end and node.js in back end I used angular material form stepper, it has 3 forms form1, form2, form3 for each step, on the last step I need to join all objects in to one and ...
0
votes
0answers
5 views

table in angular material with common top heading and side heading

I am trying to create responsive angular material tables in a row having separate top heading and side heading as shown: The Table1, Table2, Value1, value2,... and item1, item2 headings are static. ...
0
votes
0answers
8 views

Docker .net core angular identityserver 4 app failing to login

I have a .net core (using identityserver4 for authentication) angular app that I am deploying to docker. The app works fine while debugging in vs but when I deploy to docker and specify for the app to ...
0
votes
0answers
11 views

Swagger doesn't work when WebApi is hosted in a Virtual Application

My application is divided in two Web Apps on Azure, one for the front-end (Angular 7) and the other for the API (.Net Core). For economic reasons, i'm merging them into a single Web App, where my ...
0
votes
2answers
25 views

How to sort the gridview column in mixed integer and string using MatSort in Angular typescript

I have a mixed of integer and string in the result set or array. I want to sort the column using Mat-Sort-Header or custom function. Column Value "1 of 10" "4 of 25" "2 of 7" "10 of 8" "3 of 6" "11 ...
0
votes
0answers
8 views

Angular Group Table dynamic with filter

table in group based on user selection from dropdown. Also there is multiple filters which user can do. here is stackblitz URL. This URL is not showing any data, as all data is fetching from server. ...
0
votes
0answers
27 views

Angular - Creating html input component in typescript

For some reason, I need to create html components by typescript side instead of in html file. export class PreGridTableComponent { @ViewChild('preGrid', { read: ViewContainerRef }) ...
-1
votes
0answers
10 views

How hide or change tooltip text in mat-paginator?

I wanna change/hide tool-tip - next and previous page. <mat-paginator [length]="lenght" [pageSize]="size"> </mat-paginator>
0
votes
0answers
14 views

Infinite scroll keeps triggering till all data fetched in Angular

Am working on a Infinite scroll for a div to show my table with data As soon as scroll happens on the div am listening it through HostListener. As mentioned below code it executes and a service is ...
0
votes
1answer
21 views

angular not display the array of objects received from the http respnse

its returned 304 instead 200 and the array undefined i were short the code just for the main. app.modules.ts: import { EmployeesModule } from './modules/employees/employees.module'; import { ...
0
votes
1answer
25 views

Treat Single Click and Double Click as same

I would like to be able to execute foo() once regardless of whether I click on the button once or twice. <span> (click)="foo()" </span> foo() { console.log("You've clicked on foo"); }...
0
votes
0answers
10 views

Restore vertical scrollbar position of panels after refresh

I'm using angular 6 and I have a page with several primeNg panel (component created with recursion) and I would like to restore the position of each scrollbar after an event that reload all of them. I ...
3
votes
1answer
20 views

Can Calling Simple Methods in Angular Component Templates Cause Performance Issues?

From reading several Angular resources (see below), calling methods in templates can cause performance issues. E.g. <div>{{getDisplayName()}}</div> However, quite a few of the Angular ...
0
votes
0answers
12 views

How to skip a feature in cypress so that its not tested for end to end tests

How to skip a feature in cypress so that its not tested for end to end tests Tech: Angular 8 with cypress versions: "cypress": "^3.4.1" "cypress-cucumber-preprocessor": "^1.16.2" "cypress-pipe": "^1....
1
vote
1answer
41 views

Return result directly from http (observable) service (function) without returning Observable

What is the way to return result from the service directly, without returning Observable and then using then clause. I searched for many things, such as using pipe,of,take,toPromise,map,async-await ...
0
votes
0answers
10 views

Not able to use BokehJS with Angular8

Please find the below error log which i got it in the browser: AppComponent.html:1 ERROR TypeError: FlatBush is not a constructor at new SpatialIndex (vendor.js:90501) at AnnularWedgeView....
1
vote
5answers
47 views

Merging object properties from array

I hope the title is accurate but what I have is an array like this: { "someValue": 1, "moreValue": 1, "parentArray": [ { "id": "2222", "array": [ { "type": "...
0
votes
1answer
29 views

Can't call controller from angular component

I'm trying Angular with .Net Core and I get trouble calling api controller from my components: I called my controller with Postman with fake data return to check wether it's my app or my controller ...
1
vote
2answers
35 views

Error using ES Module import for object-set-all-values-to

In an Angular 6 project I'm trying to use the npm package object-set-all-values-to 3.9.45. I did the following: 1- Installed it using npm i object-set-all-values-to OK 2- Tried to import it ...
0
votes
4answers
32 views

Template Driven Forms required allows empty string - Angular 7/8

I'm having an issue with my form validation allowing empty strings. required works but allows the user to click space. the solution I found online works which is to use ng-pattern pattern=".*[^ ].*" ...
0
votes
0answers
19 views

Angular Material cdk-container and main site fixed header z-index override

I have site with fixed header in angular material with z-index of 1100. While i have some mat-menu in my site which overlap the header with z-index:1200 and had class cdk-overlay-container (angular ...