Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

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
14 views

@angular/router wrap route component in router-outlet for styling

I have a simple angular (8+) application using @angular/router with multiple components as routes, and each component use @angular/animations for transitions. <router-outlet> directive is ...
0
votes
0answers
7 views

primeng: p-lightbox closeOnEscape is not working for type “content” while video is playing

I am going through a few examples in primeNG site and wanted to give it a try. The below example is provided on their site at https://www.primefaces.org/primeng/#/lightbox. In this example, I have ...
0
votes
0answers
8 views

yarn install Angular

afternoon or evening. My problem is: I clone the angular repository but when trying to download the dependencies with the recommended command yarn I have a one error: Image Console Error Error ...
0
votes
0answers
14 views

ngIf not working in grand child directive

Before i had create grand child using directive, and everything is work normal until i using directive *ngIf in grandchild component, *ngIf is not working. i had try to found the solution, but not ...
-2
votes
0answers
10 views

Page turn for dynamic contents

I am looking to find a way to implement a page turn like Pocket. I have a look at turnjs but it doesn't suite me since the content of the page is depend on the size of the device or the size of text. ...
0
votes
0answers
5 views

Is there any event in ag grid to detect onload data

I want to pass all ag grid data (without selection) to type script on button click , how to achieve this ?
0
votes
0answers
11 views

Angular/TS/JS Deep update of an existing (generic/any) object with property values of another object

I am hoping to create a generic function for an update of any object by another object. We will assume that we have two objects objA and objB. objA - the object being updated; objB - the updating ...
0
votes
0answers
21 views

How to use single FormArray inside nested *ngFor?

I have a FormGroup which contain a FormArray. The FormArray is integrated with a multi checkbox code. These multicheckbox actually represent subcategories inside parent categories. parent categories ...
1
vote
3answers
27 views

Angular 6: TypeError: Cannot read property 'scrollIntoView' of null

I'm trying to test scrollIntoView() in angular 6 and got this error --> TypeError: Cannot read property 'scrollIntoView' of null spec: beforeEach(() => { fixture = TestBed.createComponent(...
-1
votes
1answer
27 views

Angular HTTPClient sends option instead of delete

I am sending a DELETE request with Angular HTTPClient. However when I hit the server it sends me CORS error. this.httpClient.delete( 'http://localhost:81/database/management/destroy/users', ...
-1
votes
0answers
7 views

has no exported member 'ɵɵDirectiveDefWithMeta

I'm new t angular...I try to make a npm install --save in my existing project but it gives a lot of warnings..below is the warning... npm WARN @angular/[email protected] requires a peer of @angular/[email protected]
1
vote
0answers
14 views

ngrx/store state not updating in reducer function called

I am starting to add ngrx(8.4.0) to an existing Angular(8.2) application but one of my actions (see action below) when triggered does not mutate state. auth.actions.ts (partial) export const ...
0
votes
1answer
12 views

I'm having trouble using InAppBrowser browser.onloadstart '). subscribe, with de ionic

**I currently have the following code: import {InAppBrowser, InAppBrowserOptions, InAppBrowserEvent, InAppBrowserObject} from '@ ionic-native / in-app-browser / ngx'; let options: InAppBrowserOptions ...
0
votes
0answers
14 views

Customize kendo ui grid header but the title is not showing

I have a variety of additional columns in the grid. To create this dynamic columns. My code <kendo-grid-column *ngFor="let col of columns"> <ng-template kendoGridHeaderTemplate let-...
0
votes
0answers
12 views

How to control formArray without formGroup?

I have in such situation as I have to pass data to server like below [1, 2, 454, 5456] And the data in formArray of FormGroup I tried to create an empty array and then push empty formControl to that ...
0
votes
1answer
11 views

disappears queryParams router Angular

I am using queryParams to include search parameters in my url. Then I have the following: app.routing.module.ts {path: 'buscar', component: BuscarComponent} component.ts goSearch() { this....
-1
votes
0answers
5 views

webpack v2.5 to v4.41 upgrade ERRORS (w/ Angular v5.1 to v7.0 upgrade)

Webpack v2.5 to v4.41 upgrade ERRORS (w/ Angular v5.1 to v7.0 upgrade) (keep in mind, we are hoping to upgrade to Angular v8.2 ultimately but update.angular.io suggests an incremental upgrade and ...
0
votes
1answer
14 views

Html2Canvas images cut off in prod build (Angular)

I need some advice. I've got "export to PDF" functionality setup in my website with Html2Canvas for capturing images and jsPDF for exporting to PDF. This all works fantastic, BUT only in a dev ...
-1
votes
2answers
26 views

How to implement toggle checkbox in columns Angular [on hold]

I have a requirement to implement a table of check boxes. Each column of check boxes behaves like a group so that only one of the boxes can be checked. Are there any good examples for implementing ...
0
votes
0answers
10 views

How to test FCM using Postman/curl with Angular 8

I am trying to setup notification for my web application(Angular 8)using web-push. I've already used angular service worker to successfully register the users endpoint, p256dh, and auth. It is on ...
0
votes
0answers
15 views

Getting Cannot read property then of undefined in datatable

I am writing a code in which the user searches for a letter and then all the issues related to that letter are populated dynamically into the table. Basically the functionality I am trying to achieve ...
0
votes
1answer
20 views

Angular 8 - Access to value of a promise object

I want to access to the result of a promise. I got a service "archivosService.getJerarquiaUsuario", that returns a JSON that is called from http. This is my component code: llamarATestearPromise(){...
0
votes
1answer
13 views

Angular 8, How can I create a reactive from where when one dropdown is selected another gets selected?

New to angular. I am trying to create a reactive form where when I select one value in a drop down another value in another dropdown is populated. This is what I have so far. Any help much ...
0
votes
1answer
26 views

Modify a CSS class depending on Angular condition

This div block displays a list inside of a square with a specific height div1 blueSquare div2 for div3 if My blueSquare Div is a wrap for a list and it's set as a none display. I need the ...
-1
votes
1answer
15 views

Mouse failing to move on canvas?

I have a canvas element in my angular component. One of the main functions is to click-drag a selection window on the canvas. I'm tracking a few mouse locations: handleMouseMove() tracks movement on ...
-1
votes
0answers
14 views

Bootstrap navbar does not show on mobile

I've created the following dynamic Bootstrap navbar, but the mobile version doesn't seem to show (I just get a blank empty space, when I'm expecting a dropdown menu). Bootstrap/JQuery have been ...
-1
votes
0answers
16 views

Angular import statements not covering with test cases

angular import statements not covering with test cases Please find the attached screenshot. Could anyone help me on this.
0
votes
1answer
10 views

positioning in <mat-drawer-container>

I have and I need to set the data in so that it is in the center but the overlaps the data in . <mat-drawer-container class="example-container"> <mat-drawer mode="side" opened position=...
0
votes
0answers
9 views

Fortify scan issue with index.html in angular

My application is using angular front end with aspnet core and fortify scan brought up security issue on index.html. One issue is this line. document.write('base href="'=+ document.location+'"/>'); ...
0
votes
0answers
17 views

mat-autocomplete: Prevent displaying the old list

With the following script I am able to add <mat-option> tags: HTML <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete"> <mat-option (onSelectionChange)="onEnter($...
0
votes
2answers
23 views

Angular reactive forms double submit

I am creating a simple Angular application, I tried to use reactive forms I have only a small issue, when I click on a button that should do other thing than submit form. The the method for submitting ...
0
votes
0answers
30 views

Variable named 'id' does not work in Angular interpolation

I'm learning Angular, running CLI version 8.3.8 So I've just spent several hours trying to figure out why does naming such as below not work: user.ts export class User { id: number ... app-...
0
votes
0answers
6 views

ng2-smart-table use the space where “add” button is for “select columns” button

The place where the "Add" button is located seems wrong, on the other hand it is a good place for "Columns selection" button that will open a dialog that will allow the users to select which columns ...
-3
votes
0answers
21 views

Dynamic auth with strategies in an angular application

I know it's a pretty general question but hopefully it makes sense. There are a few auth strategies in the app I'm working on. And depending on whether a user wants to login through some social media ...
0
votes
1answer
9 views

Angular push function creates new document, but none of the field values were created

I have an Angular app that I'm working on that needs to push 2 field values (title, content) to a mongodb. When the Post Article button is pressed it seems to create a new article in the DB, but the ...
0
votes
0answers
12 views

Angular library bundledDependencies issue

I have the following configuration for my angular lib defined under projects/client-lib/package.json. { "name": "client-lib", "version": "0.0.1", "peerDependencies": { "@angular/common": "^...
0
votes
0answers
17 views

PDF is not showing inside object tag

I have an application with ASP.NET Core back end, and Angular front end. Client has the following code: this.myService.getSummary(this.personId, summaryType).subscribe(res => { let url = ...
0
votes
2answers
46 views

How to combine subscription values

of(1,2,3).subscribe((no) =>{ console.log(no); }) Output: 1 2 3 But I need output as an array of [1,2,3]
0
votes
0answers
20 views

Angular Event handler firing for every instance of component

I have a page (hostview) in which I dynamically create components that holds information including a p-tree that the user creates in the UI. I add them with a button from the hostview, and I delete ...
0
votes
1answer
26 views

Mouseover is messing with the table head, how to fix this?

I've got a mouseover and mouseout on my table rows to show links as I hover over. For some reason it when I hover over the rows it shrinks my thead and the links freakout. I cannot figure it out for ...
0
votes
0answers
8 views

redirect_uri not valid for outlook api token validation

I want to have outlook contacts integrated into my webapp and have been following this page. Under OAuth2 authentication, I'm able to get the code in the first step. Although I'm having trouble ...
0
votes
1answer
14 views

window.clipboardData undefined in Microsoft Edge

I am trying to allow users to copy data from a data grid from the browser. This does not work in Microsoft Edge. It seems that _window.clipboardData return undefined when I print it in Microsoft Edge. ...
0
votes
1answer
35 views

Why is my event variable undefined on input?

HTML: <input (input)="test(1, $event)"> Typescript: test(index: number, event?) { console.log(event); } I'm trying to see if the user hits their backspace key on the input, but I can't ...
0
votes
0answers
22 views

Reinitialise swiper instance with new settings on window.resize

I want to change slides amount in my swiper depending on window.innerWidth. Although I followed github issue here https://github.com/nolimits4web/swiper/issues/617 My swiper don't want to change ...
-1
votes
0answers
9 views

Can I embed a Webdriver Instance in an Angular application

I am developing an Angular application. And want to have a small webview or an iframe where I should be able to run a Selenium Webdriver execution. This is a question similar to: Is there a way to ...
0
votes
0answers
9 views

Angular PreRendering / Ng Universal deployment

Is it really necessary to copy the node_modules upon deploy? What is normally a 7 minute compile/run unit tests/deploy to the staging environment becomes a 40 minute process due to the 840 node ...
0
votes
2answers
19 views

How to change --background ion-content color dynamically

I would like to change the --background color style property dynamically in ionic 4. This is my attempt: <ion-content [class]="ionContentClass"> <a (click)="changeColor1()">Change color ...
-1
votes
0answers
9 views

angular cdkDrag styling on a table row

I have just added @angular/cdk to my project so I can add drag and drop to my table. It looks like this: And the functionality is great, but for some reason, when I drag a table row, it loses it's ...
0
votes
1answer
22 views

In an Ionic 4 input form, how do I change the input color of date text?

Using a form in Ionic 4, I've got all my other inputs to show as white text, but cannot change the input text of the date field. It keeps showing as black. The placeholder is white as well. <ion-...
-2
votes
2answers
28 views

angular http update without calling subscribe

I have this method in my http service: update(field: Field) { return this.http.put<Field>(`${environment.apiUrl}/fields`, field).pipe( map((response: any) => { this....