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.
301,978
questions
0
votes
0
answers
5
views
How to detect page is refreshed in angular 16
I have a code in angular 12 that working fine but not working in angular 16.
Please suggest the changes. Here is my code :
this._router.events
.pipe(filter((rs): rs is NavigationEnd => rs ...
- 33
-1
votes
0
answers
13
views
I want change the value of a variable after I compile using ng build
I have an Angular application where I need to allow customers to modify certain configuration values without rebuilding the application. I've created a JSON configuration file (config.json) with ...
- 19
0
votes
0
answers
10
views
Angular PWA: Retaining Motion and Orientation Permissions for Shake Feedback in iOS
I'm currently working on implementing a shake-for-feedback feature in my Angular Progressive Web App (PWA) specifically targeting iOS devices. The functionality relies on obtaining Motion and ...
- 41
-1
votes
0
answers
10
views
The issue of using HttpClient to request assets in the SSG phase with @angular/ssr [closed]
When using @angular/ssr, if I make HttpClient requests to files in the assets directory within the page, the build process gets stuck at the "building" stage. This persists even when running ...
- 1
0
votes
0
answers
18
views
Angular 16 date picker
I have a angular application that runs on versions 16.0.0 and i have set of components which has form fill-ins with date inputs.
Earlier i was using ng2-date-picker by vilo(https://github.com/vlio20/...
0
votes
2
answers
39
views
How to replace buildTarget in angular 17 instead of browserTarget in version 16?
I get error when I was run angular like below:
Error: Schema validation failed with the following errors:
Data path "" must have required property 'browserTarget'.
because I am using ...
0
votes
0
answers
33
views
Cors problem with stripe payment in angular
I have a problem with Stripe payments in Angular and nodeJS.
I'm getting an error error;
Access to XMLHttpRequest at 'https://checkout.stripe.com/c/pay/cs_test_a1GABMpi' (redirected from 'http://...
0
votes
0
answers
26
views
WebStorm keeps auto-importing the source path of ng library
Angular/cli, v17
WebStorm 2023.3
I have extracted some parts of my custom test utilities into a library (ng g lib my-testing-utils) and everything seems to work great, except WebStorm doesn't seem to ...
- 8,183
0
votes
1
answer
20
views
angular ssr and BreakpointObserver
I'm using BreakpointObserver to modify my view on the client side based on the size of the browser, however I believe this doesn't work on server side rendering as everything looks weird and ...
- 442
1
vote
0
answers
17
views
Reading .xlsx files with the SheetJS library in Aangular
I am a novice developer and am looking to start taking on some slightly more complex projects using the Angular Framework.
The intention is to work on a component that takes an external data source in ...
-1
votes
0
answers
54
views
Angular 17 - functional guard - ERROR NullInjectorError: NullInjectorError: No provider for
I am migrating old angular project to latest angular 17. I changed class based auth guard to functional auth guard. The problem I am having is that I get this error:
ERROR NullInjectorError: ...
- 582
0
votes
0
answers
12
views
How to keep router's component state after routing to another component and got back to the first component
I'm working with Angular 2+ router.
I want to know if there is an easy way to setup the router so that once it loads a path and than moves to another path , it will save the first path state exectly ...
0
votes
1
answer
54
views
Angular failing to get the localstorage value in the ngOnInit
i got a weird error using angular v17, im still a newbie with it
First of all im gonna start with my service ,
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/...
0
votes
0
answers
8
views
Authentication issue with Gmail using the Socialite package in Laravel 6 and Angular?
I am implementing authentication using Laravel and Angular with JWT. There is a login button that works well, and I have set up an Angular routing systemthat redirects to thelogin pageif the user is ...
- 157
1
vote
1
answer
32
views
Strongly typed form values in Angular
How can I bind the form and the underlying model types together?
Given
interface IUser {
name: string,
age: number
}
How do I generate:
form = new FormGroup<???>({
name: new FormControl&...
- 1,940
0
votes
0
answers
32
views
How run component outside ssr angular 17
How can I run a component without ssr? For example, I need SSR only for the first page of the portal, for the others I don’t need it
server.get("/not-found", (req, res) => {
res....
- 1
0
votes
0
answers
12
views
Angular material 15 2 themes with both legacy and regular
I have a library I created in Angular.
lately, we have upgraded our shared library to Angular 15 and with that we have changed all our imports to legacy so we keep our styles
nowadays we want to ...
- 27
0
votes
0
answers
12
views
Open Graph Meta Tags Not Displaying in Shares with Server-Side Rendered Angular Site
I'm working on an Angular application and facing an issue with Open Graph meta tags. They are not displaying correctly when I share the site on social media platforms. In the ngOnInit method, I start ...
- 133
0
votes
0
answers
14
views
i want to call page on button click but following error occurs
`<kbd>ERROR Error: ASSERTION ERROR: Provided Component class doesn't contain Component definition. Please check whether provided class has @Component decorator. [Expected=> null != null <=...
-1
votes
0
answers
12
views
publish a .net / angular app to heroku asks projects.json in the root
I made a test .net8/angular project to publish to Heroku platform.
here is my project folder content:
I installed Heroku CLI, and then
$ heroku buildpacks:clear
heroku buildpacks:add heroku/nodejs
...
- 14.3k
0
votes
0
answers
14
views
Failed to Fetch for JPEG Downloads from Amazon S3 in Angular App on Chrome and Brave Browsers
I have this issue when I download jpeg image from amazon S3 on my anguar app in Chrome and Brave (brave is chromium browser). This issue not happen with pdf.
TypeError: Failed to fetch
at zone-...
- 147
0
votes
0
answers
24
views
Angular Ionic hybrid app HTML5 Audio Element is not playing all .wav, .mp3
The app is recording audio messages and saving them in firebase. Whenever I fetch files from firebase storage some of the audios are not playing. iPhone records audio/mpeg, browser and android records ...
0
votes
0
answers
22
views
Nginx location with routing
I have an one page Angular project that contains multiple routers such as /advance /home /profile etc. and want to serve it with Nginx web server.
index index.html;
location / {
...
- 52
-2
votes
0
answers
17
views
Google Maps showing partially in Angular web application [closed]
I have a map view on my page. It's a simple map with a single marker every time you open the page. It was working great but I checked after a few days and its showing like this: My current map view ...
- 1
-1
votes
2
answers
62
views
Setting array variable to null does not trigger change in child components
I am trying to update a array variable in parent component. There is a case where it needs to be set to null. But that does not trigger changes in the child components, it uses the old values (Checked ...
- 300
0
votes
0
answers
38
views
jsPDF - Content height increased
Thanks for reviewing my question.
I have used jsPDF with Angular 12 to download PDF from my dashboard. I have attached code snippets and images with the expected and current output.
I want to fit all ...
- 905
0
votes
0
answers
19
views
How to use , css of two angular projects themes , in single
firstly i had done , in one project i had created all the modules and in that components of 2nd project and created user-assets and in angular project there is already assets of 1st project , so this ...
0
votes
1
answer
22
views
xcodebuild exited with code 65 on "npm run tauri ..."
I´m using the tauri-app v2 alpha to generate native android and ios apps out of an angular webapp. The android and macos ways work fine, but on generating my ios app via:
npm run tauri ios build
npm ...
- 225
0
votes
0
answers
47
views
How to create Blob containing ANSI data instead of UTC-8
I have an MVC website that uses a PDF writer toolkit that I wrote. I'm trying to rewrite the website using Angular. I have everything working except the process of downloading the PDF file to the ...
- 62
0
votes
1
answer
31
views
Issue with stopping voice after clicking the stop button in the Microsoft Cognitive Services Speech SDK
I am currently using the 'microsoft-cognitiveservices-speech-sdk' to generate speech by clicking a button in the Angular frontend. I want to stop the speech when clicking another button, but I haven't ...
- 154
0
votes
1
answer
21
views
Ion-content creates a scrollbar even if content is not overflowing
In my page where i have a simple form, which may overflow in some views, the ion-content shows a scrollbar and makes the page scrollable even if the form does not overflow.
Matter of fact, the page is ...
- 615
1
vote
0
answers
23
views
How to prevent scrolling with navigation in angular 17 component?
I added this code in app.config.ts to scroll to top with every navigation
app.config.ts
const scrollConfig: InMemoryScrollingOptions = {
scrollPositionRestoration: 'top',
};
const ...
- 135
0
votes
1
answer
59
views
Edit an attribute of the pseudo-class ":host"
In an Angular application, I want to edit the attribute border-top of the pseudo-class :host applied to the component p-table-row, which is a component from a porsche library, so I can't edit it ...
- 814
1
vote
0
answers
33
views
Angular & Firefox: WebRTC: ICE failed, see about:webrtc for more details
I carefully followed the WebRTC Documentation (https://webrtc.org/getting-started/overview), went great, but when the peers exchange the ICE, it goes wrong. Im using Google's STUN servers, and ...
- 79
1
vote
2
answers
63
views
CORS error accessing ASP.NET Core 8 Web API from Angular front-end
I've read every solution and I've tried them all so far, and nothing works.
I have an ASP.NET Core 8 Web API backend and a hybrid .NET 8/Angular 15 front-end. The front-end application can make GET ...
0
votes
1
answer
38
views
Angular testing with OnPush Component and fixture.detectChanges() - how to make the unit test reliable?
In my app I have a Component that simply gets some value async via some service and displays it to the user.
The code of the Component looks like the following:
@Component({
changeDetection: ...
- 57.4k
0
votes
1
answer
46
views
Unable to install @angular/material with angular 17
I'm doing ng add @angular/material to my project. it fails with ...
The package @angular/[email protected] will be installed and executed.
Would you like to proceed? Yes
npm ERR! code ERESOLVE
npm ERR! ...
- 3,289
-1
votes
2
answers
37
views
angular - ERROR NullInjectorError: No provider for
I'm trying to list all the categories from my asp .net application, and im receiving this nullinjector error:
ERROR NullInjectorError: R3InjectorError(_AppModule)[CategoriaServiceList -> ...
0
votes
1
answer
29
views
What is the correct way of implementing Routing and Navigation in Angular
When I do an ng new some-app it generates an app.routes.ts in src/app/ but no app-routing.module.ts. I am a bit confused about the difference between these two files and their purpose. The Developer ...
- 11
-2
votes
0
answers
30
views
Angular 17 with Google map API integration using "@angular/google-maps": "^17.0.4". I need example which enable all draw tools like polygon , marker [closed]
Angular 17 with Google map API integration using "@angular/google-maps": "^17.0.4".
getting issue :
ERROR ReferenceError: google is not defined
at _MapComponent.ngOnInit (c:/...
1
vote
1
answer
27
views
Display checked values in mat checkboxes and update the value of checkbox on change of one of them in Angular Material
It is first time for me with Angular. I am trying to show all the data and to update the value of a checkbox, when I check or uncheck it. Below is my code:
Dataset.component.ts:
export class ...
- 11
-3
votes
0
answers
31
views
Webhooks for notifications [closed]
I'm developing an application with Angular and C# .NET Core, basically the application has two areas, admin and professional, professionals can open a service order, I would like to notify the ...
0
votes
0
answers
28
views
How can I get the error code and message in Angular 16 error interceptor
I am having a difficulty in detecting the error status code and error message in Angular error interceptor:
export class ErrorInterceptor implements HttpInterceptor {
constructor(
private ...
2
votes
2
answers
66
views
How to prevent printing space after HTML element in Angular?
I want to output a formated name string with lastname in bold font. Like this:
LASTNAME, Firstname
In Angular I would typically doing this in the HTML template:
<strong>{{ lastname | uppercase }}...
- 942
1
vote
2
answers
43
views
Cant get id from route parameters
I have this type of <a>
<a class="card_img" [href]="'/Detail/' + food.id">
Route looks like:
{
path: "Detail/:{Id}",
component: ...
0
votes
2
answers
51
views
How to notify parent component using observable in child component Angular?
There is this father component 'SalesListComponent'
<div class="container">
<div>
<h3>Total Venda: R${{totalCashierDay}}</h3>
<div *ngFor=&...
0
votes
1
answer
22
views
How provide Injection tokens from remote to shell in module federation
I prepared an Angular Module Federation application based on a plugin-based workflow where the remote module is loaded using the LoadRemoteModule function.
In the remote application I have injection ...
- 95
0
votes
1
answer
52
views
Validation Error in Angular App with Laravel API
I have Angular App with Laravel API and when I try to update it is generating Validation error here
I have Angular App connected with Laravel API. In Laravel API there are one to many relationship ...
- 1
0
votes
1
answer
65
views
implementing click event on a dropdown menu at angular
I want to implement a dropdown menu that when you click on a button a menu is opened up.
and in each of the labels that displayed on the menu are buttons,
I succeeded, the problem was that I could not ...
- 11
-1
votes
0
answers
12
views
Deploy Site Frontend Backend Angular NodeJs MySQL PhpAdmin [closed]
I would like to know how to deploy the site via render, vercel or heroku with the frontend and backend folders, so that the connection to the database is successful.In phpAdmin, j'ai crée la base de ...
- 1