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,818
questions
0
votes
0
answers
3
views
Add device specific animation transition on an element when show/hide using *ngIf
I am trying to achieve two variation of animation transition device specific for an angular component while show and hide,
below medium screen - swipe transition from bottom
another for medium screen ...
- 51
0
votes
0
answers
6
views
Overriding Mat-Form-Field default Styling
I have created a search bar using mat-form-field and tried to customize the styling. Right now there is a border-like gray area around the input and icons. Also when I click on the input, a border ...
- 1
0
votes
1
answer
18
views
Why does my RxJS Observable chain not re-execute upon subsequent emissions?
I am working with RxJS in an Angular service, and I've encountered a peculiar issue with one of my observable chains. Specifically, I have two observable chains that are intended to enrich a stream of ...
- 457
0
votes
0
answers
6
views
Error when trying to install Nebular into my Angular App
I'm really new to angular and I'm trying to install Nebular using: ng add @nebular/theme. Unfortunately, I get an error.
After inputing the command into my terminal, I get this error:
? Which Nebular ...
0
votes
0
answers
11
views
Passing an Angular signal value from a component input into a service
I was doing a little POC work with Angular 17 and signals and hit a use case that I'm not sure how to address without devolving into ngOnChanges and @Input handling.
So, say you have a component with ...
- 493
1
vote
1
answer
29
views
How to use ng-template across different components
How can I render an <ng-template> in different components. Let's say I have component test as the following:
test.html
<ng-template #content >
<p> Hello world </p>
</ng-...
- 155
0
votes
0
answers
11
views
Update image yAxis chart.js
I have some images displayed on my yAxis, but when I sort my data the images dont get sorted.
here is my custom plugin for the images
const flagImagePlugin = {
id: 'flagImagePlugin',
...
- 1,407
0
votes
0
answers
18
views
ERROR Error: NG0203: inject() must be called from an injection context such as a constructor
when using NgbModal from ng-bootstrap in angular, every time I place 'private newsModalService: NgbModal' inside the constructor() {}, it generates a title error, causing the page to not display. ...
-1
votes
0
answers
11
views
Errors when sending a prompt to a specific LLM on Replicate through an API call
I'm implementing an application on the web that sends a prompt to a specific LLM on Replicate through an API call. I'm working with the framework angular. I have already created a container for the ...
0
votes
0
answers
15
views
Importing rangy in Angular 17 fails with 'crippled' object
I am having issues in using rangy with an Angular 17 application. I am using the latest available version of rangy (1.3.1), on a newly created application using ng new, as follows:
(1) create a new ...
- 4,445
-1
votes
0
answers
32
views
@for not showing correctly
Using the @for feature with a simple example iterating an array, it doesn`t show on the DOM. It just shows
tablero.component.html
<div class="tablero-body">
<div class="...
0
votes
0
answers
20
views
angular reactive forms validation with behavior subject
Hei Community,
I wonder what is the best way to validate Angular Reactive Forms when there are some really dynamic fields that depend on each other and need to call API to validate.
I Have a Input, A ...
- 159
-1
votes
0
answers
22
views
Font weight is not applied in angular production build [closed]
When I create a production build of my angular application through an Azure DevOps pipeline, font-weight does not seem to be applied.
I initially thought this difference could be due to a development ...
- 169
0
votes
0
answers
23
views
Error. No provider for _SlickCarouselComponent found in NodeInjector. Angular 17
I have Angular: 17.2.0 application. I want use ngx-slick-carousel: ^17.0.0, I have already download all dependencies for this library, I follow to instruction, but I still have issue.
This error ...
- 106
0
votes
1
answer
32
views
Angular 17 does not update view using setInterval
I am building a countdown timer component and trying to display updated 'seconds' value within every second, but I do not see any update on UI
When I do not use outside zone attitude, then page is ...
0
votes
0
answers
31
views
Is State Transfer handled by default in Angular v17?
I created a simple Angular app that uses SSR and shows an XKCD cartoon as follows:
import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
import { ...
- 3,089
2
votes
1
answer
27
views
Dynamically updating Angular routes based on observable changes
I'm working on an Angular app where I'm utilizing Angular routing. Below is a snippet from my app-routing.module.ts file:
// app-routing.module.ts:
import {
NgModule
} from '@angular/core';
...
-3
votes
0
answers
18
views
How to develop React and Angular on Eclipse EE? [closed]
IntelliJ is too heavy for my system so I am only left with Eclipse as my full stack Java IDE
Thank you all!
- 3
0
votes
1
answer
20
views
How to play media from an ArrayBuffer in Angular?
I'm sending some data to from my back with nodeJS to Angular and everything is fine, the problem is that my media files doesn´t work first of all my code, I read and make the Blob file like this:
this....
1
vote
0
answers
11
views
How to pass context: saveForm when using cdkMenu
I'm using sdkMenu inside FormGroup. I figured out how to submit the form there, but it doesn't work. As I understand it, this is due to the fact that I need to transmit the context along with the form....
0
votes
0
answers
39
views
Import angular components by string name
I want to display a angular-component by inserting its name as a string.I tried the way through viewContainerRef, but it is not working. I load the component string name from a json and then I want to ...
- 47
-2
votes
0
answers
23
views
Third-party cookie will be blocked [closed]
In below code i am facing an error which says:
Third-party cookie will be blocked. Learn more in the Issues tab
Issues Tab:
Cookies with the SameSite=None; Secure and not Partitioned attributes ...
0
votes
0
answers
14
views
Publishing an SSR app w/ Angular 17 on a cPanel is possible, right?
When I build my Angular 17 SSR project with ng build, I get this:
├── dist
│ └── my-project
│ ├── .DS_Store
│ ├── 3rdpartylicenses.txt
│ ├── browser
│ │ ├── .DS_Store
│ │...
1
vote
0
answers
25
views
Angular multi select with chip list binding
I am creating an Angular application in which I am using a multiselect dropdown with chip list.
I am following the same pattern as here.
https://stackblitz.com/edit/angular-material-v9-mat-select-with-...
- 11
0
votes
0
answers
17
views
Deploy angular microfrontends with webpack [closed]
I've got problem with configuring pipelines and understading how it should work in cloud. Locally everything works with running via node, but i have problem setting azure with that. I mean I finished ...
0
votes
1
answer
18
views
404 for Angular app located in .NET wwwroot folder after refresh
I just create simple basic .NET Core 6 and Angular 16 applications.
I run
ng build --base-href=/ --output-path=D:\\myApp
and then I move all this build files to wwwroot folder in angular application.
...
- 225
0
votes
0
answers
18
views
Adding @nx/webpack plugin breaks Nativescript build
I have an integrated NX workspace that has an Angular application and a Nativescript app. I am trying to add a Nest.js application via @nx/nest. Whenever I added the new app, it installs the @nx/...
- 143
-1
votes
0
answers
12
views
Get unnamed objects from a list and send show via the subsequent form [closed]
Gostaria de saber como eu faria para capturar no angular objetos vindo no response assi:
[{cpf: 323232323}, {identidade:3232323}, {prgExp:"sp"} ]
porque no mercado a gente pega casos dessa ...
-1
votes
0
answers
26
views
Using imported HTML with own CSS an JS in Angular
I store different pages in html to be shown in an router-outlet in some angular-component.
The pages should have their own css-files and their own js-files for logic.
My content-handling-component ...
- 47
0
votes
1
answer
8
views
Apollo query subscription doesn't have extensions part in Error
subscription callback only provides a basic error message and lacks additional details such as error code and type, while the network tab displays a properly structured errors array, it suggests that ...
1
vote
1
answer
30
views
Angular router does not react to child of child route
I have the following router:
export const routes: Routes = [
{
// allowed for user with token
path: 'admin', component: AdminMainComponent,
canActivate: [authGuard],
...
- 2,868
0
votes
0
answers
22
views
How to deploy Angular and .NET applications to one folder on IIS?
I got following problem, I need to host Angular and .NET application in one IIS WebApplication , so folder for WebApplication looks like this:
- WebApp
- (all angular dist files)
- web.config (for ...
- 225
1
vote
1
answer
11
views
ng add @angular/fire returns invalid project id: f_test
Angular CLI: 17.3.1
Node: 18.17.1
Package Manager: npm 9.8.1
OS: win32 x64
Angular: 17.3.1
@angular/fire 17.0.1
@schematics/angular 17.3.1
rxjs ...
- 23
0
votes
0
answers
43
views
Api data doesn't load when changing routes in Angular 17
Data, that I get from API, doesn't appear when I change route to component, that displays this data.
When I refresh the website(on that route, for example: localhost:4200/data-page), data suddenly ...
- 1
1
vote
1
answer
12
views
How to debug the Angular application in Visual Studio 2022
What are the ways to debug the Angular application in Visual Studio 2022? Personally I type debugger; in .ts file.
I tried to set a breakpoint in the GUI but it is stopping at the breakpoint.
I just ...
0
votes
1
answer
19
views
how to access parent property in child controller - angular 12
I have a ionic 5 app (@ionic/angular 5.8.5), with angular.
I would like to get the value of comingFromOldBoardVol in the child controller.
Parent:
import { Component, OnInit } from '@angular/core';
...
- 2,578
-2
votes
0
answers
30
views
What backend language can I used with Angular Dashboard [closed]
I'm embarking on my first development project, aiming to create a commercial School Management System using Angular Dashboard by Medtronic.
I'm considering using PHP Laravel framework for the backend. ...
0
votes
0
answers
12
views
FullCalendar Angular Switch View
Using fullcalendar.io api There is a demo that allows you to click a date in GridView (of the month)
That changes the view to see the day by the hour
Where is there an angular example Or how is this ...
- 383
1
vote
1
answer
47
views
How to provide service at the module level?
I am trying to create a provider for a library module, that when added triggers my factory provider. However, when I do so, the provider never executes the console.log so I know it isn't running...
...
- 35.3k
1
vote
0
answers
11
views
Are test.ts and test-acceptance.ts not required from Angularv15 onwards?
I have upgraded to Angular15 recently, but unit tests weren't running, after some exploring, I got to know that main:"test.ts" needs to be removed from angular.json's test block, and instead ...
- 135
1
vote
0
answers
11
views
How to show fetched data from springboot on my angular frontend on input field [closed]
I'm new to Angular.
I build a springboot backend witch is fetching data from a extrenal API.
Now I want to display this in my Angular frontend.
The problem is that my incomming url in Angular has a ...
- 11
1
vote
1
answer
26
views
Angular unit test component's @Input. Change value detection
I have a simple scenario where (angular 17.3) I'm trying to test is the component reacts when the input property is changed.
I have a property passed from a parent component where it comes as @Input ...
- 449
0
votes
1
answer
28
views
cdk versioning errors after upgrading from angular 15 to 17
I've ugraded my angular application from 15 to 17 following the instructions here:
https://update.angular.io/?l=2&v=15.0-17.0
After the upgrade when I attempt npm install, I get the following ...
- 2,112
1
vote
0
answers
26
views
Angular 17 SSR - No tasks executed on server
Recently, I updated an Angular project from version 16 to version 17. Today, I decided to add SSR to the project. The project is running with no problems when served using npm run dev:ssr, and the ...
1
vote
2
answers
16
views
ASP.Net Core Web API URLs call gets rerouted to Angular project
I have a project in ASP.Net Core 8 and Angular 17 using Visual Studio 2022 version 17.9.0.
I am using the new "Angular and ASP.Net Core" project template. And I just have a stickler of a ...
- 5,087
1
vote
0
answers
24
views
TypeError: Cannot read properties of undefined (reading 'UnitConversionPipe')
I've 2 pipes with names UnitConversionPipe and ConvertAndFormat. Both are in different modules and I am consuming UnitConvertionPipe inside ConvertAndFormat pipe. After I re-export ConvertAndFormat ...
- 1,128
1
vote
0
answers
20
views
How can I solve this Problem on ApexCharts with Angular 14? [closed]
I install the latest version of apexcharts in my project (Angular 14), and when I run the "ng serve", this error appeared in the console
Error: node_modules/ng-apexcharts/lib/chart/chart....
1
vote
0
answers
18
views
Stuck on a page passing a newhire_id from Asp to Angular website using Python Flask backend
This is my asp code where I'm calling my localhost to my Angular backend trying to test this.
strPostUrl="http://localhost:5000/api/pass_newhire?id=" & intNewHire_id
%>
<html ...
- 29
2
votes
0
answers
19
views
Angular get height of EmbeddedViewRef
ItemData {
isShowHeader: boolean;
isShowFooter: boolean;
contentText: string;
isShowTime: boolean;
timeText: string;
isShowName: boolean;
name: string;
}
<div *customFor="...
- 1,305
2
votes
1
answer
37
views
I am not sure why I need to Encode path parameter TWICE to make the rest call with special chars to work?
I have a rest call that Get's a product's ingredients and I use the product name as the path variable. I do allow any character used and I understand I need to do encodeURIComponent(name) to encode ...
- 65