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.
angular
303,970
questions
-1
votes
0
answers
8
views
Spring Websocket CORS issue
I have a web application served by an Angular frontend and Spring Boot backend. They are deployed with a multi-stage Docker build on the same server. I had an issue of the websocket on Angular not ...
- 1
0
votes
0
answers
13
views
Angular 14 to 16 Upgrade : Angular 15 upgraded but not Angular 16
I am upgrading my application from Angular 14 to Angular 16. I am able to upgraded to Angular 15 (by adding couple of more libraries like "ajv": "^8.12.0",fingerprintjs.), when I ...
-4
votes
0
answers
16
views
Can anybody let me know why I'm getting this issue when I'm using PrimeNg Component in angular component [closed]
issues
node_modules/primeng/baseicon/baseicon.d.ts:13:77 - error TS2344: Type '{ label: { alias: "label"; required: false; }; spin: { alias: "spin"; required: false; }; styleClass:...
- 1
0
votes
1
answer
16
views
Firebase link existing user to anonymous account?
I have Ionic 7, Angular, Standalone app. I am currently trying to implement linking anonymous account to registered/loggedin account.
First scenario is a user who doesn't have any registered account ...
- 7,868
0
votes
0
answers
21
views
It doesnt always show all the books on my homepage
I am working on a Angular project. My aim is to make a book finder application using Google Books API and the problem is that sometimes when i refresh the page or I go to a different component and go ...
- 3
0
votes
1
answer
13
views
Google adsense ads.txt status becomes not found Why?
I am trying to approve my angular website for google Adsense . For this i used ads.txt file which i have placed under src folder inside our angular app like src/ads.txt .But still google Adsense ...
0
votes
2
answers
21
views
When I navigate to the URL'http://localhost:4200/', it redirects me back
login.components.ts:
import {Component, OnInit} from '@angular/core';
import {FormBuilder, FormGroup, ReactiveFormsModule, Validators} from "@angular/forms";
import {AuthService} from &...
0
votes
0
answers
7
views
Ionic Angular Standalone ion-icon are not showing at all
I am using ionic 7 angular standalone but ion icons are not showing at all in web. i have also tried to add these scripts in index.html .
here is my code
<ion-row>
<ion-col size="2" ...
0
votes
1
answer
13
views
How to make Angular understand that view child is of a specific type, not a general ElementRef?
I have an element in my HTML like this (inspiration from this blog). While the user types, I'm showing successive filtrations in a list to pick from. Once the user clicks on that component, I want to ...
- 37.5k
0
votes
0
answers
7
views
vscode, debug angular, first time, doesn't debug, 2nd time stops at main.js then it's ok
when I launch chrome to debug an angular 17+ app, the debugger does not work. If I refresh then it stops at main.js, if I move forward from there it debugs from there.
here is my launch configuration.
...
- 3,297
0
votes
1
answer
22
views
How to perform CRUD operations on a static JSON array in Angular? (without API)
I have this JSON array file.
[
{
"id": 1,
"name": "John Doe",
"email": "[email protected]",
"age": 25
},
...
- 3
0
votes
1
answer
12
views
Ngrx props<>() method in createAction()
I wanted to ask that if we can give any default value in the props<>() just like we give a default value in function arguments
export const set = createAction(
'[Counter] Set',
props<{...
-1
votes
1
answer
19
views
How to animate rotation of an image inside input control?
Based on this answer, I managed to put an image as my icon appearing inside an INPUT control at its right edge. If I use a GIF that rotates, I'm all set. I only need to set the class on my control and ...
- 37.5k
-2
votes
0
answers
15
views
Detecting click inside and outside of the listening component in Angular
I have a search box and show a filterable list of matching elements in a DIV that hovers over the other components. Once the user selects something, the DIV is hidden. This part works as supposed to. ...
- 37.5k
0
votes
1
answer
35
views
Angular - type guard not narrowing types
I have interfaces
Angular Typescript Class
interface A_DTO {
type: string,
commonProperty: string,
uniquePropertyA: string,
etc..
}
interface B_DTO {
type: string,
commonProperty: ...
- 141
-1
votes
0
answers
8
views
In node_modules file i am getting Angular genric error while using fontawesome in angular12
Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
18 static ɵcmp: i0.ɵɵComponentDeclaration<FaStackComponent, "fa-stack", never, { "size": "size"; ...
0
votes
0
answers
32
views
Angular 16 sending null values to API
I'm trying to send an object to my api but i always get null values.
Here is my angular method:
createNormalPost(post: CreateNormalPostInterface) {
const formData = 'ceasdasdas'
return this....
0
votes
0
answers
21
views
GoogleCloud Error: Not Found The requested URL was not found on this server
When I deploy Angular project to gcloud, all the pages can be loaded normally, but when I refresh the page, I will get the error as the title, or if I access it directly by typing the URL, it will be ...
3
votes
1
answer
23
views
How to use PrimeNG multiselect search to trigger an API call based on user search input and populate the multiselect with the retrieved data?
When ever we enter text in the filter section, we need to call an API to get the relevant output list and update this into multiselect results.
Here I tried onFilter event to call the API, I got the ...
0
votes
1
answer
22
views
Why DOCTYPE is required in HTML(ANGULAR)?
If in Angular with AOT , all typescript, HTML and CSS code gets converted into JS after complication, then why we need to mention DOCTYPE in HTML?
- 87
0
votes
1
answer
29
views
Sending multiple images and data in a single angular observable
I am attempting to send multiple images and data within the same observable. I conducted some research, but all I found was information on how to send a single file. My API is prepared to accept ...
0
votes
0
answers
10
views
Unable to run ionic app on Android emulator - [error] ADBs is unresponsive after 5000ms
I am trying to run an ionic/angular app locally using an Android emulator.
I receive the error below when using "ionic capacitor run android".
Any ideas?
Thanks
- 467
-2
votes
1
answer
32
views
Pokedex on Angular 17
I'm studying into a Boot Camp and one of past challenge was create a Pokedex with pokeapi. I over the challenge and now I'm going to fix some thinks.
I have a strange problem when I'm into details of ...
0
votes
0
answers
30
views
Undo/Redo in Angular
I'm using Angular 7 for a system I'm building. And now i need to add an Undo/Redo feature to this application. What I'm looking for is, what are the best practices I should follow to do this? Do I ...
- 11
0
votes
1
answer
23
views
Why does Angular ^17 have problems with my modules, services, etc
Perhaps it was already somewhere in the themes. But I couldn't find a similar question. And the question is why Angular can't find modules and services. I create through "ng g", it seems ...
-2
votes
0
answers
22
views
TS2339: Property 'token' does not exist on type 'Response' [closed]
loginservice.ts
import { HttpClient } from '@angular/common/http';
import { Injectable, inject } from '@angular/core';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export ...
1
vote
2
answers
51
views
Convert String UTC Date to number for ngx-countdown leftTime config value
I'm calling a C# API that's returning the following types to my Angular application.
export interface Auction {
reservePrice: number
currentHighBid: number
auctionEnd: ...
- 737
0
votes
2
answers
21
views
After generating a new component, doesn't automatically import app.module.ts and when manually put it in, it doesn't read
After generating a new component, it doesn't give an error but it doesn't automatically import app.module.ts and when manually put it in, it doesn't read how to fix it en angular v17
I'm working on an ...
0
votes
0
answers
10
views
How to position x axis ticker labels, between tickers in Highcharts.js
This is my xAxis chart options in the chart
xAxis: {
type: 'datetime',
startOnTick: true,
labels: {
useHTML: true,
align: 'center',
rotation: 0,
style: { fontSize: &...
1
vote
2
answers
46
views
How to get the json object with Typescript?
I am trying to get job by job_id via firebase rest api. I am getting this JSON result below. How i can rid of the 0 and get the object?
And Is there better way to get the job via firebase rest api?
...
- 19
1
vote
3
answers
44
views
Angular 17 | Angular Material 17.3.1 Issue with styling Angular Material Menu component
I'm currently working with Angular 17 and Angular Material 17.3.1, and I'm encountering an issue with styling the Menu component. Specifically, I'm trying to adjust the height of the menu items, but ...
- 11
-1
votes
0
answers
24
views
How to alter contents of the XHR object returned to Angular application from the middleware in C#?
I have a middleware that handles the errors. It works as supposed to, including hte feature of correlation ID letting me communicate to the browser a GUID that I also print in the logs to quickly ...
- 37.5k
0
votes
1
answer
29
views
How do I delete a white layer over dialog background in Angular?
I am trying to do a transparent background for my MatDialog component. Here is the code:
parent.component.html
openDialog(){
const dialogConfig = new MatDialogConfig();
dialogConfig.width = '...
- 115
0
votes
0
answers
22
views
Angular Material mat-form-field appearance="outline"
i use Material 16. I would like mat-form-field with appearance="outline" but the label should inside my InputField. CURRENTLY it looks like this
But i want this.
If i use <mat-form-...
- 135
1
vote
3
answers
46
views
How should I filter Observables the "Right Way" with RxJs in Angular 17?
With one Subscriber, an async list showing all items from Observable, what is the most efficient way to temporarily filter results based on user provided search criteria as a string?
The component ...
- 25
0
votes
0
answers
13
views
Issue With Angular Hydration
I recently started a new Angular 17 project and I'm encountering a bit of an issue with server side rendering and/or hydration, not 100% sure which. Up until now I've primarily worked with lower ...
- 31
1
vote
0
answers
40
views
Angular, Express.js - Route is called twice
Note: I simplified the code for testing.
I have an express.js route with the following code:
// /auth/register/confirm/:confirmationToken
const registerConfirm = asyncHandler(async (req, res, next) =&...
- 593
0
votes
0
answers
13
views
Ag-Grid-Angular=> how do we Hide and show child columns based on button click available on column header
below is the code I tried.problem FOR COLUMN C the toggle button to show hide does not appear but for Column B it appears.
import { Component } from '@angular/core';
import { BHeaderComponent } from '...
-2
votes
1
answer
36
views
What's the difference between an abstract class with implemented method and service in Angular?
Lets say we have an abstract class with implemented method that HomeComponent extending it and a service with the same code that we inject into component. Is there any difference in our case? if yes ...
- 1
0
votes
1
answer
7
views
nativescript-ui-sidedrawer - Unable to start activity ComponentInfob Calling js method onCreate failed
what I doing wrong? This is my top html:
<RadSideDrawer>
<Button ... ></Button>
<StackLayout MainContent>
<page-router-outlet></page-router-outlet>
</...
- 1,156
0
votes
0
answers
20
views
how can i Integrate React Web Component with Angular and Passing Props
I have developed a web component using React and now I want to integrate this component into my Angular application. The React web component requires certain props to function properly. How can I ...
0
votes
0
answers
12
views
how to show multiple rows per page using PrimeNG carousel?
I am trying to create 2 rows per page in a PrimeNG Carousel.
The problem is that it currently shows all the items on 1 row.
I calculate the width and height of each item per row dynamically.
For ...
- 23
1
vote
1
answer
37
views
Tauri with ng-app uses local ip instead localhost for accessing dev server
I´m expermenting with Tauri beta app development and have a problem to start my angular project with...
npm run tauri ios dev
In my tauri.conf.json I have the following config section
"build"...
- 245
-2
votes
0
answers
36
views
How do I switch from using 'map-marker' to 'map-advanced-marker' with the @angular/google-maps component?
I'm using the google-maps Angular component here: https://github.com/angular/components/tree/main/src/google-maps
and I'm getting a deprecation message when running the <map-marker> component in ...
- 14.1k
0
votes
2
answers
58
views
Angular application loading weirdly when I add "/" at the end of URL
I am having an issue. It just published my first project and now I am realising if you add an "/" to the end of the URL it does load in a very different way I cant even explain. When you add ...
1
vote
2
answers
25
views
Angular 17 - Trigger recurrent polling whenever a boolean variable becomes true and as long as it remains so
The situation is as follows:
I have a websocket for communication between app and server. If the websocket were to break I would like to enable backup long polling until the websocket becomes active ...
- 73
0
votes
1
answer
24
views
Angular on IONOS(?) throws an error with npm
I'm trying use npm install @angular/cli to install Angular on my managed Webhosting (No root-rights) at IONOS (Germany).
I was able to install NodeJS/npm with nvm, but now every time I try to install ...
- 11
-1
votes
1
answer
18
views
can i use eventEmeter in ng-container with *ngTemplateOutlet
Can I use output with EventEmitter to exchange events between a template and the parent component, like in this example:
<div>
<ng-container
*ngTemplateOutlet="
field....
0
votes
0
answers
23
views
NullInjectorError: No provider for Firestore with Angular
Using Angular and Angular cli: 16.2.12 Firebase: 13.5.2, I get this error:
NullInjectorError: R3InjectorError(Standalone[AddEditComponent])[DataService -> DataService -> DataService -> ...
- 1
0
votes
1
answer
25
views
How do I make my edit form component take values from html in Angular?
I have a listing details page with a picture-url, title, phonenumber, description and price. On clicking Edit it takes you to a page with an input form for each of those, it also receives the listings ...
- 7