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

Angular - how do I get data to load with ngOnChanges

I have a demo here - https://stackblitz.com/edit/d3-stacked-chart-dynamic-scales-n3zykv?file=src%2Fapp%2Fchart.ts It's a angular app where I'm trying to create a D3 chart. The chart data is created ...
0
votes
0answers
6 views

ASP.NET Core not receiving no form-data

I want to send multiple camera-images from Ionic 4 to my ASP.NET Core Web-API. I Worked two weeks ago, but i cant find any changes in the code-repository since this day. Here is the controller: ...
0
votes
1answer
19 views

Flex Layout not following flex percentages

I am trying out flex layout in my angular app. I am trying to create a layout with base as : I have tried writing a code. my .html file <div flexLayout = "row"> <div fxFlex="100%" class=...
0
votes
0answers
12 views

how to add class on click of individual div with same class in mobile screen with angular?

<div class="r-menu"> <span class="dots2"></span> <ul class="list-icon"> <li class="position-r"> <a href="#"><span class="...
-1
votes
1answer
7 views

How to convert array of Highcharts to PDF in angular7?

I have an array of objects to render highcharts. Now I need to implement the functionality to convert an array of highcharts to pdf in a single pdf document.
0
votes
0answers
9 views

How to get Base64 image URL of Fusion chart in Angular 7

I am using Fusion Charts in Angular 7 and I want to export this chart in Base64 Image format. I already tried the batchExport method to export the chart as an image. app.component.ts: import * as ...
-1
votes
1answer
16 views

How to Detect Back keypress anywhere on web page

I have a list of users, and I get to their details through that list. Now when user details are opened I want to send the user back to the list of users when backspace is pressed. How do I detect ...
0
votes
1answer
14 views

Deploying an Angular Build on Nginx for Windows

I'm trying to deploy my Angular Project's build (which also has a REST API in it) on nginx, but the localhost refuses to connect when I load the Dist inside the html folder. A localhost run using npm ...
0
votes
1answer
19 views

Call function if variable does not exist in a filter

I'm doing filtering on a data displayed in a view which is working correctly. I've placed a filter bar at the top of the screen where a user can filter the records. What I want to achieve is when the ...
0
votes
1answer
16 views

How to use baseUrl for absolute import statements in a library?

I have a library with a workspace containing two projects, one for the library itself and one for a test application. ├── projects    ├── midi-app    └── midi-lib In the workspace tsconfig.json ...
0
votes
1answer
13 views

What methods exist to differentiate form controls being modified programmatically vs being modified by the user?

I use angular reactive forms to create a form with text fields. I pre-populate the fields if the data for the fields have already been stored. Now I can allow the user to navigate to these forms to ...
0
votes
0answers
9 views

How to use markerInfoWindowTapped in Nativescript

I have a question about code: When I click in marker x , I want to open infowindowtemplate, and on it I want to put a button that navigate in other component. I try something in code below but doesn'...
0
votes
0answers
6 views

Loading chunk failed problem in only 1 PC from 1 Url

Brief Explanation: Getting loading chunk failed on windows 10 PC when i am running my ionic build from my hosting server. Except this PC, my application is used by more than 20 users from other ...
0
votes
0answers
21 views

Native HTTP post request sending null data

while I'm trying to send a post request to the server from Ionic 4 reactive form data, I'm getting a response with status code 200. But when I try to fetch the details from the server, all are null ...
2
votes
1answer
22 views

When to remove Skeleton screen in component? [on hold]

I about to do content loader (Skeleton screen) in my spa application (vue/angular/webcomponent) like youtube: When I load the some component I display the Skeleton. My question is should I remove ...
0
votes
0answers
11 views

Integrate Angular/React app with Prime faces

I have a fully fledged prime faces application and now I want to integrate my angular app in to this prime faces app. How many ways I can achieve that. Previously I have integrate my app in jsp ...
0
votes
0answers
4 views

How to exclude livereload dependency from NestJS/Angular Universal?

I do have an application with Server-Side Rendering (SSR) using Angular Universal, and NestJS. The focus is a lot on security. When I deploy it using Sucuri Sitecheck I can see that the http://...
0
votes
1answer
43 views

Angular Observable returns no data

I am trying to pass the data from one component to another component which are unrelated using service. I am trying the solution from here https://www.intersysconsulting.com/blog/angular-components/....
0
votes
1answer
35 views

Confused about the fallback route in Angular

I tried to update myself to Angular 8 by reading the Angular docs again. I want to create navigation rules like. by default, enter the index page, redirect to /home, mount to homemodule. there is ...
0
votes
0answers
20 views

while npm start its give an error please help me to solve this problem [on hold]

0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli 'C:\\Program Files\\nodejs\\node.exe', 1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm- cli.js', 1 ...
1
vote
0answers
31 views

image src is not loaded when loading a component

I use multer file uploader in to upload files into a storage folder which is under assets folder. It seems to be the file will be uploaded but it is not loaded to localhost/assets/storage which is ...
0
votes
0answers
8 views

Able to ping exact endpoint from browser that I can't from subscribable

I have a microservice that I have successfully tested that is returning a json from url/uri: http://localhost:8090/api/v1/movie/search?title=The%20Arrival%20of%20a%20Train%20(1896)&year=1896 I ...
0
votes
0answers
20 views

Properly setting up angular 7 with ng-bootstrap

I'm trying to use ng-bootstrap in my project. I searched the net and found that I need to install bootstrap 4 and ng-bootstrap. I initialized a brand new project and installed: "@ng-bootstrap/ng-...
0
votes
1answer
20 views

Do Angular Reactive Form Validator.min/max check Perform Type Conversions before checking the value?

Preface: Part of the reason why I'm asking the below questions is that when I do form.value.purchaseCost without having type=number on the <input> field, I get a string. I had to do a manual ...
0
votes
0answers
23 views

How to get express to treat any get request as the base url, without url params

I am using an Express server for an Angular application. When starting from the base url the website works fine and will go to other routes correctly. However, if a page that is not the home page is ...
0
votes
0answers
35 views

Interpolated values does not reflect the latest values angular

The elements of dropzone1 array only reflect the initial top, left values, they do not reflect the latest top,left values. In "draw" function I push top,left values to topLeft array and finally push ...
0
votes
0answers
19 views

Invalid path in Angular library

I am using Angular library and have the following folder structure: coollibrary - components - my.component.ts - services - my.service.ts public_api.ts In public_api, I export the ...
0
votes
0answers
11 views

Children modules with devided routing modules

My angular application is based on https://github.com/maximegris/angular-electron The way they define and load modules though the router-module is kinda different from what you can find on internet. ...
-1
votes
1answer
34 views

Move data between classes and then iterate through the new class from the html page

The Setup I have an angular 7 app that gets data from a web api in the form of JSON. As the app stands now it works but I think I am making too many API calls and I think I can reduce them to 1. ...
-1
votes
0answers
23 views

Request blocked even when server sends CORS headers

I am doing a DELETE request to api.mydomain.com from localhost:4200. The browser won't allow the request because of CORS. However my server is sending the following headers with every response: "...
3
votes
1answer
30 views

Static member is not accessible error on navbar component

I keep getting the following error: Static member is not accessible at this point: auth.service.ts export class AuthService { public static get isLoggedIn() { const user = JSON.parse(...
0
votes
0answers
24 views

HTML5 Required validator not working when binding to JSON objects

I am working with Angular 7 and have the the following code in my html component: custom-component.html <div class="input-group"> <input class="form-control" placeholder="yyyy-...
0
votes
0answers
8 views

Add items to ngx-chips input model and only keep display and value fields

I'm using ngx-chips for a tag input control. I'm using my own custom objects as items to use in the control's dropdown; these have this structure: _id: number; name: string; summary: string; ...
0
votes
1answer
30 views

How to observe a method (from another component) inside the `mat-datepicker`

I use mat-datepicker in the component: html: <input [(ngModel)]="date.from" [matDatepicker]="picker" [value]="fDate.value" formControlName="dateFrom" id="dateFrom" matInput name="...
1
vote
2answers
32 views

property does not exists on type Object from subscribe

Im using a forkJoin to do multiple http calls but it give me the error error TS2339: Property 'data' does not exist on type 'Object' forkJoin(this.userservice.getUser(), this.userservice....
0
votes
2answers
24 views

Angular display single http response

I'm struggling by displaying data from a single JSON respone with angular. I've created a class for the data interndata.model.ts export class Interndata { humidity: number; temperature: number; ...
1
vote
0answers
17 views

How do we filter using DS findAll when you have multiple values for a parameter?

What works: Rule.findAll({ property: 5596 }).then(function(response) {//stuff}) What I want: To get rules with property id 5596 and 3958 What I've tried: Rule.findAll({property: [5596,...
0
votes
1answer
25 views

Replace nested promise.all with observable stream to aggregate over an array

In an Angular app we have a method which merges 3 api results in a single giant list. loadPlaces$ = this.actions$.pipe( ofType(PlaceActionTypes.LOAD_PLACES), switchMap((action: LoadPlaces) =&...
-2
votes
1answer
58 views

Why is a property not recognized when looping through a list?

The Setup I have a class called myClass: export class myClass { name: string; age: number; city: string; } and I have another class called people: export class people { name: ...
-3
votes
1answer
30 views

How to make a http synchronous call [on hold]

What missing code am I missing in order to make a http synchronous call to the variable test2? I'm NOT interested in making a http asynchronous call. In console log I retrieve message "...
0
votes
0answers
7 views

ngx-swimlane and html2canvas - Image background cannot be transparent even when is set to null or default

Currentl, I'm playing with ngx-swimlane charts and converting them to pdf. In the below example: https://stackblitz.com/edit/grpd-bar-chart-download-pdf whenever I try to change background to some ...
-1
votes
2answers
29 views

How do you make a “please wait” spinner for Angular http requests (or anything really)?

I've read a ton of different guides including those on Stack Overflow and they all seem to be referencing a different version or implementation of Angular. I'm using Angular 8 and have the base app ...
-1
votes
2answers
18 views

Disable selector handler on html output in angular

It's the second time I face this very same situation... <div id="thisDivHasBeenCreatedBySomeNpmLibrary"> <div id="otherDiv">Hello World</div> </div> ...
0
votes
1answer
34 views

How do I display TypeScript code in “<code>” tags in an Angular app?

I want to display some TypeScript (angular code) as text on my website using prismjs. But Angular is executing the code. How do I stop it from executing? I have tried wrapping it in pre and code tags ...
0
votes
0answers
15 views

I'm getting NULL parameter when I request for auth2 token in Asp.net WebAPI?

I have a web API the authentication method is auth2. It is working fine when I run it in POSTMAN successfully data get and post, Token get successfully and post successfully. I face the problem when I ...
0
votes
0answers
6 views

Create a Draggable Sotring Tree with Angular and Material Angular

I'm creating a forum with Angular as front-end. My forum class look like: export class Forum { id: number; title: string; description: string; slug: string; childs: Forum[]; } I ...
1
vote
1answer
24 views

ngClass - apply multiple classes from variables?

I'm trying to apply multiple classes through ngClass. No conditions. I have 2 variables that is a string of the class name. Passing in one variable is easy enough [ngClass]='variable1?.font' I ...
0
votes
2answers
35 views

In Angular 7, how do I extract the result from an Observable?

I'm using Angular 7 with a Rail 5 back-end. I have a service that I use to interact with the Rails 5 back-end ... import { Injectable } from '@angular/core'; import { Http } from '@angular/http'; ...
0
votes
0answers
13 views

Why is ng not recognized when I switch user on the same computer for testing?

I am on an Angular/.Net project. I have windows authentication on the app. I need to check if certain users can see or not see certain dropdowns in the navigation. For example non-Admins will not ...
0
votes
0answers
31 views

How can I reference an external javascriptfile in angular?

I am trying to create a sliding menu for my aplication in angular, I would like to reference a javascript file. I have referenced css files in the angular.json file, but not js files, it's been a ...