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

ionic app and show the Admob banner issue

i try to add Admob plugin to my ionic app and after this i face a problem it was in the build failure because the dependencies compatible with this dependencies : compile "com.google.android.gms:...
0
votes
0answers
5 views

How to refer css class in a component.ts file for d3.js manipulation

I am trying to create a neural net visualization using d3.js in Angular 7. I have successfully created the nodes but the links are not appearing. The code refers to a css class defined in the ...
0
votes
1answer
7 views

Angular auxiliary route is not appending `/` for only one of the configured routes?

I have the following routes: `const routes: Routes = [ { path: '', redirectTo: 'posts', pathMatch: 'full' }, { path: 'posts', canActivate: [AuthGuardService], children: [ { path: '', ...
0
votes
0answers
6 views

Firebase-tools: getting a 404 error when trying deploy to firebase through Google Cloud Build with Angular app

I recently watched [this[() video on how to publish an Angular app with firebase-tools project with the help of Google Cloud Build. So the build trigger is working, but it always fails to complete ...
0
votes
1answer
24 views

A reference variable is being treated as both unused and undefined. Why?

I'm using references in my HTML code to pass the value of an input into a JavaScript function. However, while one reference variable (#options) works fine, the other (#current) is marked in one place ...
0
votes
0answers
15 views

Catch block not dismissing AlertController but promise.then will

I have run into a strange issue with Ionic and Typescript. My AlertController will only dismiss from my .then block, not my .catch block. I’m unable to dismiss an alert control from one of it’s ...
0
votes
1answer
18 views

How to extract data from Behaviour Subject in Angular service?

The objective behind using BehaviouSubject was to use a single API call and pass the same data to multiple components in the same route. I am able to do that. I am not able to filter the received data ...
0
votes
1answer
18 views

cannot read property of undefined angular 6

I have a very simple service.ts file. I can console log the responeDataSent object. CallFunction() { this.http .post<{ someObject: any }>( 'http://localhost:3000/apicall1', ...
0
votes
0answers
13 views

Error: Uncaught (in promise): Error: Loading chunk 0 failed. Angular lazy loading

I am trying to use lazy loading in my app here. It's a simple component, with only one component. This is my child routing module. const routes: Routes = [ { path: '', component: ...
0
votes
1answer
6 views

How to bind an object array to the view in ionic 4?

I am learning to work with Ionic 4 framework. I got a hardcoded object array like this: export interface List { fields: [{ value1: "Cat", value2: "Dog" }, { value3: "Rabbit", value4: "...
0
votes
0answers
10 views

Angular 6+ Exclude Minification Files? o Maintain the name of constants in a file?

I would like to know if there is another way to exclude files so that they are not minified in angular. For now the only way I know is the following angular-cli threads: Thread 1 , Thread 2. Is there ...
-1
votes
0answers
8 views

how can i parse an xml / html file into a json file through symfony or nodejs

I am preparing a new project and I will run external tools so that it gives a result xml / html file but no json I want to take the results xml / html or any format into a json file to use it. how ...
-1
votes
1answer
13 views

Angular Convert Http

I need to convert this deprecated get http query in Angular 6. I have the error: json doesn't a function . Thanks everybody This is my code: search(query: string): Observable<...
-1
votes
0answers
21 views

Responsive, TypeScript

I want to return a screen responsive, well only the section that shows loaded images. How can I change it, since in my code I entered a [height] and a [width] to give them a measure, but I would like ...
0
votes
0answers
17 views

unit testing custom directive

I'm using material angular and I have a form with mat-checkbox. Above the checkbox there are terms of use and user must scroll the terms of use to bottom for enable the mat-checkbox which is disabled ...
0
votes
0answers
17 views

Angular not sending emails when connecting with api of django rest framework

I have made an api in Django that ask for the email, subject and message and send the following data to the email provided. My serializer class is as follows: class EmailUser(serializers....
0
votes
1answer
35 views

Using Array in typescript

I have checkbox in formular, and I want to store data in database with atribut with more IDs. So in my opinion, the best way is to use type Array to good later working with entered IDs. But in Angular ...
0
votes
2answers
14 views

404 Error in Angular 2 even though Backend Nodejs url works when typed in browser and shows data from Oracle

I am trying to display data in my Angular frontend that is called against an Oracle DB linked to my Node backend. Currently if I go to the phsyiscal API link I will see the data and it will display in ...
0
votes
1answer
6 views

Kendo UI for Angular - How to make PanelBar select based on the current route

I'm trying to use PanelBar from KendoUI for my Angular app navigation. Once you are on the page and use it for navigation it works just fine with router links. However if I go directly to a link it ...
0
votes
0answers
12 views

How to fix Side Menu Button not showing on first login

i'm new to Ionic and ive been working in a mobile hybrid app, and i followed this tutorial https://ionicacademy.com/ionic-side-menu-with-sub-items/ its about how to Create an Ionic 4 Side Menu with ...
-4
votes
1answer
35 views

Improve Angular Material performance in IE11

I'm using Angular Material to visualize data from a SQL Server database. The mat table is create dynamically depending on how many columns and entries I get back. There can be 40, 50+ columns and 100k+...
0
votes
1answer
29 views

minLength and maxLength validators not working in Angular7 Reactive Form

I am trying to use Validators.minLength and Validators.maxLength in Angular7 using a Reactive Form but get the following error: ERROR Error: Expected validator to return Promise or Observable. ...
0
votes
1answer
13 views

How to set background-image URL dynamically when using *ngfor [duplicate]

I'm Trying to get the background image for a repeated dev that is being generated by *ngfor that comes from a get request. Every other value works perfectly and being fetched. but the URL. it is ...
-1
votes
0answers
10 views

animejs and Angular

I'm currently trying to work with animejs and Angular (v6), but so far without luck . Could somebody let me into the secret on how to load an animation with Angular? This is my try: import { ...
0
votes
1answer
18 views

dynamic mat-checkbox not displaying from FormGroup

I want the mat-checkboxes to be populated from an array. I am able to build the form group and form array and see their contents in the console. But I am unable to get the list of devices to display ...
1
vote
2answers
38 views

this.router.navigate() doesn't navigate to the URL

I have a pagination demo application in Angular. I am expecting to be able to navigate to a URL like http://localhost:4200/page/:number. The URL appears to be changing in the browser's URL address bar ...
0
votes
1answer
14 views

Mat-autocomplete width doesn't adjust with dynamic width on input host

I have a mat-form-field with a standard input inside of it and a mat-autocomplete attached. <mat-form-field appearance="fill"> <mat-label>{{ 'INVENTORY.areaOfBusiness' | ...
2
votes
2answers
40 views

How can I create multiple instances of an Angular Component?

I started learning Angular and now I am using it to create a chat interface. The main parts will be a box displaying the messages from the user and the assistant in form of text bubbles, a box where ...
0
votes
2answers
13 views

How to return an array of objects using Express, Node JS & Angular via a HTTP Get request

I've replicated this tutorial https://malcoded.com/posts/angular-backend-express/ to set up an angular app & an express server w/ Node.js I'm now trying to send a GET request to retrieve an array ...
0
votes
1answer
11 views

removing previous marker before adding new marker in Mapbox

I have below code to display markers in the place when the map loads via GeoJson data. It's working perfectly and the thing is I want to remove the previous map markers when adding new markers. Where ...
0
votes
0answers
14 views

Can you catch and handle an emitter from an abstract class?

First off I admit I'm very new as far as angular goes. I've searched for this and haven't found anything useful. Now I'm just looking to find out if I'm barking up the wrong tree or if I'm missing ...
1
vote
1answer
47 views

How to adapt script tag to Angular?

On my old website, I have had some problems with some bad guys, who have tried to clone my site. Now I try to pass the application to Angular7. One of the measures that I have implemented in the old ...
0
votes
0answers
19 views

How to fix my 'delete' button angular [routerLink] error

I recently added a simple delete button to my homepage.html using: <button style="border: 1.5px solid rgba(255, 0, 0, 0.226); background- color: whitesmoke; border-radius: 23px; font-size: 15px; ...
1
vote
0answers
16 views

Is it possible to scaffold a new environment using the Angular CLI?

Is there a way to leverage the Angular CLI and provide it a command to create/scaffold a new environmental configuration? Out of the box with ng new we get the ability to build locally via ng build ...
0
votes
1answer
26 views

How do I fix “error can't find name 'OktaAuthService' ”?

I want to get the authentication into an Angular application with Okta, I followed the instuctions step by step in the documentation : https://developer.okta.com/code/angular/okta_angular_sign-...
-1
votes
0answers
14 views

Why Angular 2+ need to be pre-installed before creating project since it has node_modules installed itself?

Angular-cli needs to be installed before creating project globally or locally, but as far I know every angular project has it's own node_modules with binaries and package-lock.json hence it is a ...
1
vote
0answers
9 views

How to fix 'patchValue with file object to formControl'

i have two methods in typescript: onImagePicked(event: Event) and onImagePicked1(event: Event, flav: AbstractControl) The first method works fine. There i can upload an image. The second one is not ...
0
votes
1answer
36 views

d3.js module 'schemeCategory10' dosen't work in Angular 7

I am very new to Angular and I am trying to make a neural net graph visualization using d3.js. I am following this code. I tried to implement this in my components.ts but the Math function and some ...
1
vote
3answers
27 views

Styling Angular Records Based on Status of Front-end State

In my Angular front-end app I have a list of records which I'm displaying via *ngFor, like so: <tr *ngFor="let record of records | paginate: { id: 'customers', itemsPerPage: 12, currentPage: ...
0
votes
0answers
12 views

How to click a link post in a wordpress api list to view content of the post (using *NgFor and string interpolation)

I have a list of posts in an ionic app that has been brought in using the WordPress api. I want to then be able to click a button to view the post. I have tried a few ways. Using routerLink but I ...
0
votes
0answers
7 views

How do I change only the clicked button within mat-table to another (each row has same initial button)

In each row within the mat-table displayed column, an initial View button is displayed. When clicking on one View button and the Close button is displayed in ALL rows after clicking one View button. ...
0
votes
0answers
15 views

Unauthorization to protected route when request is made from Angular to Node

User.js (backend) //profile router.get('/profile', passport.authenticate('jwt', { session: false }), (req, res) => { res.json({ user: req.user, }) }); Angular Login Component: //...
0
votes
2answers
23 views

How to Display nested JSON in angular 5+ …?

i am using a third party api. which provides a nested JSON object in return. In angular 7 i have used http get request to get data. The data looks good in console. But does not bind with the HTML. I ...
0
votes
0answers
31 views

How to create routing for a modal dialog in Angular 7?

How can I create routing for an existing modal dialog? I want to be able to enter in the modal URL and when I press enter, I should be displayed the modal dialog. Also selecting the back button should ...
-1
votes
0answers
17 views

How to design this below cards with Angular Material design

How to design mat-card animation click on the next or previous icon Provide some valuable references for mat-card design When the user clicks on the next or previous button the mat cards should ...
1
vote
0answers
18 views

How to create a a multi-select nested dropdown menu?

Using Angular, I want to create a multi-select nested dropdown menu. Similar to this: https://codepen.io/sathomas/pen/VpJeEo (see the "multiple with search" example) html: <nested-select options=...
1
vote
0answers
16 views

NGX-Chart - Problem while getting chart data from service

I'm trying to get NGX-Chart coordinates from a service. It works by using a static object containing data but, if I try to call the PHP service loading the data dynamically, the chart doesn't load. ...
0
votes
0answers
13 views

Mat-Table quits working inside a Mat-Tab - Angular Materials2

This table worked until I added the Angular-Materials Mat-Tab to it. It works when the page is first loaded, but quits working after I click the second tab (MyTab) and then return back to the tab (...
0
votes
0answers
34 views

How to force all clients get the newer version of my web application

Our software is deployed by Angular 6 and C# WebApi. We are using ng build --prod to deploy and cli generate the random file name. I also have no-cache meta tag on HTML pages. But the problem is many ...
0
votes
1answer
16 views

Why does BehaviorSubject change when editing [(NgModel)] inputs of a form without submitting the form?

I have a form which loads user information from a BehaviorSubject. If I edit any input on this form and navigate away from the page WITHOUT hitting submit, the user information is updated in the ...

http://mssss.yulina-kosm.ru