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.
282,665
questions
0
votes
0
answers
4
views
Programmatically Assign Connection Variables to initializeapp()
I'm trying to allow the user to select which firebase project they connect to. My angularfire connection is made in the main ngmodule as outlined in the documentation:
@NgModule({
declarations: [...]...
0
votes
0
answers
10
views
Bootstrap dropdown doesn't work on locally Stackblitz project
In the following simple project, if you click on "Dropdown link" button a Bootstrap dropdown menu appears.
https://stackblitz.com/edit/angular-ivy-4wfeyu
This work fine in Stackblitz site, ...
0
votes
0
answers
7
views
connect my angular application to sharepoint to get data
I'm new in this context, I want to know if there some solution to get resources from my SharePoint folder, I need to list all resources that I have in the folder, I'm working with angular, I couldn't ...
-1
votes
0
answers
20
views
Angular/NX - Component is not a known element, but it is imported in the module
I'm receiving the following error:
'apocaloot-building' is not a known element:
If 'apocaloot-building' is an Angular component, then verify that it is part of this module.
The component is a ...
-2
votes
0
answers
10
views
how to disable npm i @kolkov/angular-editor field
Good day , I was looking at the documentation of the npm package I am using , it is @kolkov/angular-editor.
There is some instance in my app where I need to disable it , anyone has an idea how to ...
-1
votes
0
answers
25
views
Angular JWT isn’t getting pass to ASP.Net CORE API backend
I am trying to login and assign a JWT token to the authorized user so they can move around the angular site freely. I have tested the asp.net Core v5 API backend in postman and everything works there ...
-3
votes
0
answers
18
views
Do I have to use PHP framework [closed]
I am new in web programming. At the moment I'm trying to create Angular application using PHP scripts for backend (to get data from, and in MySQL database).
My question is, do I have to use some of ...
-2
votes
0
answers
15
views
Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. - no solution
I have a little problem with my code. I have 2 HTTP requests and after receiving the data I merge them together but when I try to loop through the final array I get the error displayed in the title.
I ...
0
votes
0
answers
21
views
AmCharts Map - get List of all selected countries
i'm creating an angular project using the amcharts world map.
as you can see in this demo: https://www.amcharts.com/demos/selecting-multiple-areas-map/#code
we can select multiple countries, can ...
-3
votes
1
answer
14
views
How to have all files use tabs as indentation? [closed]
I'm using Angular and would like to use tab indentation (size 4), rather than the 2-space indentation at default. However, there seems to be no effective way of doing this, other than manually using ...
-2
votes
1
answer
30
views
How to set the value of variable for id of HTML-element in HTML-code?
For example, counter is my variable.
And I wanna make like:
<input id="counter(I mean value of counter)" type="text" mozactionhint="next" name="sometext" /&...
0
votes
0
answers
7
views
imagesource as android.graphics.drawable typescript nativescript angular
Nativescript Angular.
I want to use the native android function setIcon which gets the value of android.graphics.drawable. link
this._bottomNavigationBar.nativeElement.items[2].android.setIcon( )
I ...
0
votes
1
answer
15
views
How to add warning text before object array while exporting to excel in angular
I have an array of objects coming from api, before I print it to excel, I want to merge multiple cells at the top of the sheet, and insert a warning message into them. something like this
I wanted to ...
0
votes
0
answers
11
views
How do I pass an array a component and have the components variables capture multiple values within each array whiten the Array sent from service
I have a service.. That puts an array in a variable (this.datapointarray) and I would like to send the values in the array (datapointarray) in the chart which is a seperate component.. Can anyone ...
0
votes
0
answers
7
views
Angular Material Select not showing values or proper css
I am following this example of using a material select field: https://material.angular.io/components/select/overview
I have this list in my ts file:
accessTypes: string[] = [
'New Employee', '...
0
votes
0
answers
16
views
Uncaught TypeError: Cannot read properties of undefined (reading 'id') at registerNgModuleType
I updated my version of Angular from 8 to 9. Everything went well, the project builds, but when I go to http://localhost:4200/ I get a blank page, and there is such an error in the console in the ...
0
votes
0
answers
14
views
NgxCc - Credit Card Validator for Angular Apps. Not able to set Cvv maxLength to four digits for american express card
American express cards accepting 4 digits Cvv number. This is supporting only 3 digits. I looked through documentation but nothing helps me how to set max-lenght. I updated my form validations and set ...
3
votes
1
answer
75
views
how to save an array in localstorage
I currently have this code, it saves in localstorage, but it generates several objects, I would like to store everything in a single array
getItemById(id) {
return this.cacheS.getOrSetCache(`...
0
votes
2
answers
14
views
OR operator in .where AngularFire
I want to get data from firebase .where() for example:
get data from database with attributes type = 'shirt' and type = 'pants'
So, essentially an OR operator in a .where function in AngularFire ...
2
votes
0
answers
8
views
Nativescript Angular cannot open modal in BottomNavigation
I am using Nativescript 8.1.1. I created a very basic interface with nested navigation as follows:
P-R-O (page-router-outlet)
home.component
P-R-O (outlet name: "tabOneOut")
P-R-O (outlet ...
-1
votes
0
answers
16
views
How can I integrate Angular and Flask? [closed]
I'm creating an application based on Angular and Flask, but I don't know how I can integrate both of them. Please, may you help? Thank you!
0
votes
1
answer
24
views
ngFor show text visibility only on clicked input icon
I have some keys which are loaded on the page using a forloop. The tokens should not be shown unless the specific visibility icon is shown. Previously, when I clicked any of the visibility icons all ...
0
votes
0
answers
10
views
How to map the angular app to aws docker deployed spring java microservices?
I was new to docker and aws dockerize deployment. I have created 4 spring boot microservice and build the docker image in my local and tested it. All four docker microservices are working fine in my ...
0
votes
0
answers
9
views
Show only specific time of a day in dl-date-time-picker in Angular
I have a datetimepicker component in a bootstrap modal. I'm using Angular 8 and have used Dalelotts dl-date-time-picker component.
I need to view a specific time of a date ie: 9:am to 7:pm on every ...
2
votes
1
answer
45
views
How to access a service inside TemplateRef which was provided in parent component?
Recently I had a task where I needed to pass a TemplateRef to component, which provides some service, say SomeService. And inside that template I used a directive that injects service SomeService. I ...
0
votes
1
answer
16
views
Angular - How to refresh main page when modal when modal form is submitted
In Angular-14, I am using ngx-bootstrap-modal for my project.
I have this code:
onMerchantSubmitForm() {
this.isSubmitted = true;
if (this.createMerchantForm.invalid) {
return;
}
this.isLoading = ...
0
votes
0
answers
17
views
AuthGuard on an app with no previous routing
I have a simple app that acts as a landing page. There was no routing needed. It just had a bunch of links to other apps hosted elsewhere. But now I want to force the user to log in to the app so I ...
-1
votes
1
answer
23
views
angular : TypeError: Cannot read properties of undefined (reading 'image') while using put request from front end
In my angular app I have a reactive form for editing values. I am stuck in put request only in the frontend. I am using multer.upload.fields because I've two different types of file inputs. One is for ...
1
vote
1
answer
26
views
Not to match with regex in angular if there are any attachments, letters, words at the beginning and(or) end
Update Question;
First of all hi everyone, i'm new here, i will try hard to get my question right.
how the data came to me;
0: {highWord: 'hafif ticari araçlarda', color: '#00FF00'}
1: {...
-1
votes
0
answers
17
views
Drag on drop feature for table in angular
Thanks in advance.
I need a functionality like drag and drop in whole table.
for example:
First Name
Last Name
Middle Name
exception
system
error
index
out
bounds
From above table I should able to ...
0
votes
1
answer
11
views
displaying existing images in ngx dropzone
I am using Angular ngx-dropzone to insert images in Mysql and save them on Server. now I need to do preview/edit mode in angular component in the edit mode, I want to show the existing file in the ...
0
votes
0
answers
21
views
Slow UPSERT performance through dexie.js
I have an application where I try to save a user's favorites in the indexedDB through the use of the dexie.js wrapper. I have little experience with the indexedDB, but the performance I'm seeing seems ...
0
votes
0
answers
18
views
mat-select and input different position
I have this two mat-form-fields code where one with mat-select and other input
On mac laptop's and iphone's a small line height difference as shown in the image below, how can this be fixed?
...
-1
votes
0
answers
21
views
What are the benefits of Angular over ASP.Net MVC [closed]
I would like to know what are the benefits of Angular over ASP.Net MVC.
We are planning to migrate an enterprise application from ASP.Net MVC to Angular.
I have learnt that ASP.Net MVC5 is no longer ...
0
votes
1
answer
7
views
How to provide Angular LOCALE_ID with fall back to the build configuration locale?
This should be easy but I'm just not finding it. I think the more general question is how to conditionally override an existing provider.
I want to create a LOCALE_ID provider in my app module that ...
0
votes
2
answers
31
views
Angular - Dynamic FormArray set Value
Demo Url -- https://stackblitz.com/edit/angular-gncrek?file=src/app/app.component.html
On click of Add Fields Button I am adding formGroup Dynamically to formArray.
if user selects drop down in type ...
0
votes
1
answer
20
views
Angular docker application- Unable to access url in remote server
I am trying to dockerize my angular app. The changes worked fine for me in local, but when I deploy this to a remote server and try to access the URL, it doesn't seem to work. I know that the problem ...
-1
votes
0
answers
25
views
After selecting an option in the dropdown menu, it does not add inputs
I would need help. I am trying choose option from dropdown menu. When i choose possibility from transport: AUS. It should add more inputs but it won't add anything. But the browser displays an error ...
0
votes
0
answers
15
views
AWS amplify and angular integration getting started - Connect API and database to the app
From the getting started tutorial by amazon, I've been unable to get the subscription to work. It seems that the api has changed and now there is a filter parameter.The method that I'm having trouble ...
-1
votes
0
answers
14
views
How to continue with spring application after adding the AngularJS 2.0.0 dependency via pom.xml?
am currently learning Java spring boot application with angularJS.
The latest version of AngularJS that I have added through VS Code dependency is AngularJS-2.0.0-alpha.22. Am following a book on how ...
-1
votes
0
answers
13
views
Add ok cancel button to timepicker in data/time picker of ionic 6
In ionic 6 we are using datepicker given below
https://ionicframework.com/docs/api/datetime
There is option of Time with calendar picker.
But it didn't provide any button with that.
How can I add ...
0
votes
0
answers
25
views
how can i handle enum in angular [closed]
i have enum type like this
app/performance.model.ts
export const enum PERFORM {
REGULAR = 'regular',
SPECIAL = 'special,
SEASON = 'season'
}
and i have to use this enum type in my component(...
1
vote
0
answers
21
views
Closing modal dialog only on outside click - angular
I made modal dialog for notifications in the top of my page, when I click on modal dialog it closes, exactly wherever I click it closes, how can I make to close only on outside click
The code is below....
-1
votes
0
answers
18
views
CORS preflight request error with Spring CloudGateway, Keycloak and local angular service
I hope you can help me with a nasty CORS problem I am confronted with.
I am trying to implement a test env, to use services within a cloud environment (in my case AWS cloud infrastructure). Running ...
0
votes
0
answers
11
views
Angular: Stop Virtual Keyboard popping up on Web Mobile view but allow when user clicks text box
I have a page where I have to enter a number, however on a mobile this pushes the entire Page up on load and does not alow a user to read the question before seeing the text box, I'm not sure how to ...
0
votes
0
answers
26
views
Reusable component implementing ControlValueAccessor fires onChange when changing the value programmatically
I'm doing a mobile app using Ionic and Angular with Reactive Forms.
I have a reusable component to enter a phone number, this component implements the ControlValueAccessor interface. In addition, this ...
1
vote
0
answers
23
views
Calling Firebase Functions v2 from Angular using Angular Fire
I am having small issue, after I migrated my Firebase Cloud Function (onCall) to v2 they suggest that it should be called via URL using httpsCallableFromURL from 'firebase/functions'. However, in our ...
0
votes
0
answers
18
views
Embedded sign-in experience msal angular v2.x
I have recently came across embedded sign-in experience using iframes with msal
Embedded sign-up or sign-in experience
We already have a set of custom policies working with angular msal v2.0. The ...
0
votes
0
answers
29
views
How to pass data between components from different routes in Angular [closed]
I have a routed component like this:
From component A: I have an Array of numbers that I want to pass to Component B when I click in a button to go to component B
There is no parent child ...
-1
votes
0
answers
20
views
Use Custom directive in schema form angular 13
I'm using schema-form(ngx-schema-form) and i want to use custom directive in schema-form.
my schema form like
import { Component } from "@angular/core";
@Component({
selector: "...