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.

0
votes
0answers
5 views

How to fix 'Unauthorized Error 401', even when logged in?

I'm creating this webpage in Angular with .NET as my backend. Everything was working just fine, but today (all of a sudden) I'm getting Unauthorized errors (401). When I remove my authorization, I'm ...
0
votes
1answer
15 views

Angular 7 PDFJS Component

I'm trying to wrap up PDFJS inside of an Angular 7 component. I have the following code, but PDFJS is undefined. I'm building the app using Angular/CLI. import { Component, OnInit, ElementRef, ...
0
votes
2answers
17 views

HttpErrorResponse in Ionic Angular

I'm trying to work with Ionic (first attempt) and somehow I'm not able to get my data in my view Code Service (posts.service.ts) import { Injectable } from '@angular/core'; import { HttpClient } ...
0
votes
0answers
16 views

Native Element toArray() undefined

I'm doing some refactoring on a application that I'm working on and I'm stuck. On my HTML I have a grid with some cards using ngFor. There is a button that should "show/hide" a specific div. My ...
0
votes
0answers
10 views

I'm having sudden unauthorized/internal server errors

I'm creating this webpage in Angular with .NET as my backend. Everything was working just fine, but today (all of a sudden) I'm getting Unauthorized errors (401). When I remove my authorization, I'm ...
0
votes
0answers
10 views

NestJs Errors stemming from @types dependencies in node_modules when running start:prod on fresh project

My aim is to run a nestjs app that serves up an Angular front end. I've got an Angular cli scaffolded app at the root of the project (built using the @angular/cli latest v8 beta). Inside this folder I ...
0
votes
0answers
12 views

After deployment, can I update the Angular website content by editing the .json file in the assets folder?

I am building a website for my lab with Angular 7. For the easier update, I put the data of a list of news in assets/data/news.json and bind the data to the webpage. It works well when running with ng ...
0
votes
2answers
25 views

How to get proper API data for angular app?

I created an API service with nodejs, express and mongodb. It's working properly when I test it with postman and even on the browser. However, when I try to do the same from angular app, it gives a ...
0
votes
0answers
8 views

Backend only accepts plain text, no JSON and only a name not an id

So I want to send data to the backend in JSON format. The user has to select an option from the datalist and a id and name will be sent to the REST server. When I send the id and name of the selected ...
0
votes
1answer
20 views

Unable to compile after upgrading NgRx and Angular to version 7

I'm working on upgrading an Angular application that uses NgRx from version 6.1.3 to 7.2.15. After running ng-update my versions were upgraded as follows: Angular - 6.1.3 -> 7.2.15 NgRx - 6.1.0 -> 7....
0
votes
1answer
15 views

How to make Ag-Grid cell text (not entire cell) have a click event

I'm trying to open a component whenever the user clicks on the text within a specific cell (in this case in the Name column). The problem I'm running into is that there isn't any method (as far as I ...
0
votes
0answers
11 views

Angular Mat-Table slow performance with expandable rows

I'm facing the problem mentioned on the title. I have a mat table datasource with expandable rows declared in a child component that receives as @Input() an array of users and a variable for Status ...
-1
votes
0answers
15 views

how to draw the current frame of a video HTML tag on pause as an Image on Canvas in Angular 7?

I am trying to draw the current video frame onto a Canvas as an Image Code Draft --> Stackbllitz example (Please wait for the video to download) On clicking of the Pause button the current Screen(...
0
votes
2answers
25 views

return for SwitchMap in Rxjs - Angular

I'm using for the first time switchMap. It's telling me to return "something", but when I put a return it doesn't work. @Effect() subData$ = this.actions$.pipe( ofType(ActionTypes....
0
votes
1answer
16 views

Create component as child of element without overriding elements other children?

I am dynamically generating components and attaching them to an element upon creation as children. However, each time I do this everything within that element is deleted. Ex: public fn(event) { /...
0
votes
0answers
23 views

Is there a way to call MVC Controller from Angular Typescript without using Ajax?

I'm planning to develop an web application wherein there's an WYSIWYG text editor which you can save to database and export the output into DOCX/MS WORD. I could only find word automation/export on c#,...
0
votes
2answers
14 views

Ionic 4 - Button created with Jquery dont call event

I'm using Ionic 4 in my project, where I'm using with Jquery, on the html page I've created a button with the following code: <ion-button (click)="event1()">EVENT1 < / ion-button> in ...
1
vote
2answers
25 views

Angular: How to style dynamically generated html?

I have a generated element sub from this line of code with a [sub] property <li [displayMode]="displayMode" template-menu-item style="cursor: pointer" [routerLink]="['/request/checkoutReview']" ...
-1
votes
1answer
12 views

In Angular 4, how do I send data from one child component to another child of the same parent?

I have a parent component P with two child components C1 and C2. C1 calls an API that responds with data that C2 will then use. How do I pass data between C1 and C2 directly? If that's impossible, ...
2
votes
1answer
21 views

Angular re-fetch data after parameter change GET request

How to re-fetch data after parameter change from: oglas/1 to oglas/2 by click, so when put URL and than click ENTER everything works, but when click on oglas/2 button when oglas/1 is rendered URL ...
0
votes
0answers
8 views

Adding content outside of mat-tab-group and still maintain infinite scrolling

I would like to dynamically control a section of my layout through tracking the currently selected mat-tab tab, however, is it possible to do this and still have infinite scrolling? navigation....
0
votes
0answers
8 views

How to push mat-list-items to the bottom without using absolute position in Angular Material?

I have just started using Angular Material and I wanted to implement the sidenav to have items that are at the bottom of the page. For now I am able to accomplish it with css. position: absolute; ...
1
vote
1answer
30 views

How to convert a function into a Pipe Function

I have a function that I am trying to convert into a pipe function but I am still unsure after reading the documentation on angular's website. After following the documentation on their website it ...
0
votes
2answers
14 views

Count and get children's in parent component

I'm trying to make a stepper using Angular 7, I don't how to explain in english so code is better to explain ;) import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-ga-...
0
votes
0answers
6 views

Angular selectRootElement Works With App Not With Test

My Angular application requires that data be passed to the root component on the page in the following manner: <application-root testVar="hello world"></application-root> After doing ...
0
votes
0answers
10 views

Angular - load scss from external url

How can we access SCSS files in component.scss file. I used below code @import 'http://{url}/styles/variables.scss'; In component.scss i am accessing variable($font-red) defined in the above ...
0
votes
1answer
18 views

How to test Angular Material Drag and Drop with Protractor

I'm working with an angular 7 application, and I'm using angular material (v7.3.7 at the moment) but I'm not able to test the drag and drop with protractor. I've tried to download the angular ...
-1
votes
1answer
50 views

Web API Controller not receiving POST request

Trying to send some Form data to my WebApi Controller, there's 2 of them. FormController and SearchController. But when I send data to FormController nothing happens, sounds like a routing issue. If ...
-5
votes
0answers
32 views

Necesito ayuda con un login en angular que usa JWT [on hold]

En mi trabajo estamos construyendo un dashboard en angular que se alimenta de un Api REST construido en java, y para la autenticación usamos JWT, esto es para una universidad. El problema es que ...
1
vote
2answers
29 views

Display clickable list items based on condition in Angular

Let's say I have this list of people I want to display. Below you'll see the HTML for this iteration in a *ngFor loop. You can view this StackBlitz to check out the full example. <mat-list role="...
0
votes
1answer
14 views

ngbPopover is not working in angular 7 as expected. installed ngx-bootstrap and ng-bootstrap

ngbPopover is not working as expected in an angular7. I appreciate your help. I also installed below npm install bootstrap ngx-bootstrap --save npm install --save @ng-bootstrap/ng-bootstrap Thanks ...
0
votes
4answers
49 views

How to return boolean based on object value?

Trying to return boolean value if object rejectMessage contains the code that i have specified in checkErrorCodes method. it should return true if settlementCode matches its not returning boolean ...
-1
votes
0answers
8 views

Setting a default File object for a file reader [duplicate]

I am reading a .csv file in javascript/typescript and it works fine. The user selects a file, and it gets read. However, I want a default file to be read if the user doesn't select a file. This would ...
0
votes
0answers
20 views

Angular 7: Reusing angular resolver service functions

I have an Angular resolver service, which is called to fetch data before the component is loaded: import {CustomService} from "path/to/custom/service"; @Injectable() export class ABCResolverService {...
0
votes
0answers
7 views

How to create a solid guage chart with Highcharts in angular 6

I want to create a solid guage chart in highcharts in angular 6.I tried with other charts its working fine but guage chart is not working.I have already imported the plugin but its not able to find ...
-1
votes
0answers
17 views

Why am I not getting content of HttpErrorResponse object? 500 error unauthorized

Goal: I want to know why I am getting a 500 error for a specific method in my C# WebApi that is used in my Angular app. Calls to the API work for others methods/controllers. Background: I have a ...
0
votes
2answers
20 views

Router.navigation is not working inside the promise

I tired to navigate from login page to dashboard after google signin is done. The navigate inside the promise after storing the token in localStorage is not working. From LoginService a googlelogin() ...
0
votes
0answers
13 views

AngularFireAuth with SAMLAuthProvider does not accept provider parameter

I'm trying to use the firebase auth module with a Custom SAML Identity Provider, I was able to use it with the plain firebase SDK but I can not make it work with angular/fire/auth import { Component, ...
0
votes
1answer
8 views

HammerJS Swipe not working on Mobile Device or Google Chrome on Device Mode

I have a simple code to make the Web Site swipeable, It's working when I test on Google Chrome on Desktop, but when I'm going to test on my mobile device or on Google Chrome DevTools Device Mode it's ...
-1
votes
0answers
13 views

Ngrx effect without “StartWith”

"StartWith" on ngrx is very good but I need to remove that one on my code. My code work perfectly but for an update, it's less convenient if the user need to be authenticated before call the action. ...
0
votes
0answers
21 views

isAuthenticated returning always false in development

I have an angular app on the frontend and node.js + express on the backend. Moreover I am using passport.js for authentification. app.js const app = express(); app.use(cors()); app.use(function(...
0
votes
0answers
20 views

IdentityServer 4 User Registration - Where to place it?

I have an Angular 7 app that talks to IS4 via the oidc-client and also talks to a secured API. Everything is fine from the login and interaction point of view, however I wanted to implement user ...
-2
votes
0answers
10 views

when i use BehaviorSubject for array ,data send with Incomplete or One previous one [on hold]

i use this : Angular 4 pass data between 2 not related components
0
votes
1answer
35 views

how to convert the list of object into nested json using angular

here i am having a below data { "data": [ { "_score": 0.5753642, "_type": "data", "_id": "coding-825x500_53a4ad23-69c6-42dc-bc4d-8", "...
0
votes
1answer
29 views

Angular Page is loading before all the data is completed

I posted on this channel about an issue i was facing few days ago and i am still running into the same problem. I am currently working on an Angular and Typescript application. I am making four ...
0
votes
1answer
17 views

material table with stacked header

Hi I am looking to achieve following structure on material table. So far I have seen some examples but I'm not able to achieve this What I want to achieve: | | | |--------|-------| | ...
0
votes
0answers
7 views

Bootstrap typeahead doesn't pass 'term' value and get "Cannot find a differ supporting object '[object Object]' of type 'object'

I have an Angular 7.2.4 application with Bootstrap 4.2.1. and I would like to call a backend service to populate an autocomplete input box but I'm having troubles even though I have already a simple ...
0
votes
1answer
29 views

Problem calling webservice, possibly related to CORS

I'm building angular app using VSCode, trying to call Web Service API built in ASP.NET core, I have tested web api using Postman and it works just fine. When calling from angular app I get the ...
0
votes
2answers
16 views

Move cursor to the end of TextField - Nativescript

I want the textfield to automatically point to the end of the text once the user clicks on it. This was working before with setSelection, but for some reason it stopped working. Now the cursor point ...
-1
votes
0answers
12 views

SyntaxError: Unexpected token < in JSON at position 3 at JSON.parse when connecting to a SSO proxy website. Getting OAM errors

I am having issues with SyntaxError: Unexpected token < in JSON at position 3 at JSON.parse in my Angular Spring Boot application on a apache web server going through a Single Sign On (SSO) proxy ...

http://mssss.yulina-kosm.ru