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.
128,255 questions
1
vote
1answer
10 views
Angular 6: [(ngModel)]=“variable” vs. ngModel=“{{ variable }}”
The Udemy Angular 6 video I'm watching shows to use the first syntax. However, I'm using WebStorm as my IDE and it does not give any sort of predictive text/suggestion when I use the [(ngModel)]="...
1
vote
0answers
6 views
How do I bind an object property to the name attribute of a page-router-outlet?
I opted out of having the tabs hard coded. I wanted them to be dynamic, so I used an ngFor and can display the title and icon for the tab. For some reason the tab name will not work with the name ...
0
votes
0answers
12 views
How can I use async on angularListObservable<any[]>
I am using Angular 6 for this project.
My feed.component.ts file:
import { Component, OnInit, OnChanges } from '@angular/core';
import { ChatService } from '../services/chat.service';
import { ...
-3
votes
0answers
16 views
Angular 6 - Best grid options
I wan't to know which are the best options in angular 6 in order to make tables. UI-grid, ng-grid, ag-grid... and why
0
votes
0answers
4 views
Service Worker Fetch not getting fired. for external URL
I know this question has been asked many times, i didn't find any conclusive answer.
When i use service worker and trying to fetch a service API hosted in separate environment.
below is my service-...
0
votes
1answer
24 views
Angular 4: One Subscription, Two Http Calls
I am attempting to post data to the server in a very standard manner that I have probably done a million times before, however in this particular case two http calls are being made. Can anyone help ...
0
votes
1answer
8 views
Freshly created ionic3 app not working on android device
I have created a new Ionic 3 app, i haven't touched it yet, it works fine on browser however when i tried to build and run it on a actual android device, the generated apk output is always
"Couldn'...
0
votes
0answers
5 views
firebase project not present in cli projects list
trying to host my angular 6 project to firebase, i used the cli to login and then i issue:
firebase init
the cli presents list of options, of which i pick "Host"
i go through the different options, ...
0
votes
0answers
9 views
ERROR: InvalidPipeArgument: '[object Object]' ngrx async pipe
My main app component dispatches an action that gets the data from the API and loads it into the store in property config, then when the page loads, my form component selects config from the store, ...
0
votes
0answers
9 views
Bootstrap File input: Control alignment of previews?
Using form submission, how does one control the alignment of the previews? Mine align vertically, but the example here aligns horizontally. I've been looking at layoutTemplates, previewTemplates, ...
0
votes
0answers
12 views
Inserted elements overlapping vertically within column when using Angular flex layout
Current behaviour: Inserted card elements (the second and third cards in the example below) overlap vertically when flexed into a column.
Desired behaviour: Equal vertical gapping between card ...
0
votes
0answers
14 views
Angular Service Worker: 404 on Sub Route Refresh
Tried manifest routing as well to redirect to index but didn't work.
Any help will be appreciated !
0
votes
1answer
19 views
import {FormControl,FormGroup} from '@angular/forms';
FormsModule has imported on app.module.ts but the problem persist anyone can help-me?
[enter image description here][1]
Can't bind to 'ngModule' since it isn't a known property of 'input'. ("item
0
votes
0answers
6 views
Angular DI - useFactory - Provider : Is there a way to invoke Provider Factory function second time when local State gets updated?
The scenario goes as follows:
1. App has root module and it's constructor resolves a Promise and returns a Constant.
@NgModule({
....,
providers : [
...
{
provide: ...
2
votes
2answers
18 views
ionic 4 tabs starter - what does href=“/tabs/(contact:contact)” do
I'm exploring the new navigation in ionic 4 (type angular) and in the tabs projects you can find this
href="/tabs/(contact:contact)"
What does the
(contact:contact)
do? Is it some sort replacement ...
0
votes
2answers
14 views
while putting npm install getting error
Kindly help me i'm getting this kind of error.
C:\Users\Sulagna(mana)\Desktop\Angular Application\quickstart-master>npm install
npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or ...
0
votes
0answers
8 views
signInWithRedirect with GoogleAuthProvider gets white screen on safari when I select the account manually
When I want to login by google ( in my Angular 6 web app ) in Safari from ios (11.4):
1st=> I put email and password manually and then I get a pretty white screen with the url __/auth/handler
2nd=> ...
0
votes
2answers
21 views
Angular type issues
Trying to pull the longitude and latitude from geo location service into list.service http.get request URL.
1 issue:
.businesses Property 'businesses' does not exist on type '{}'
Appreciate the ...
0
votes
0answers
27 views
Angular 6: using date format pipe with async
In my Angular 6 component, I have a property of type Observable<string> like this:
dateFormat$: Observable<string>;
In the template, I am binding dateFormat$ to set the format of the ...
0
votes
0answers
15 views
Issue deploying ASP.net angular application to IIS
I am trying to deploy my application to IIS and everything seems to work however when I go to open up the web site I get the error below in the browser. I tried running it locally on the server its ...
0
votes
0answers
12 views
XMLHttpRequest Error | Blob | Angular 5
I'm trying to return a blob for a firebase storage upload in an Ionic 3 app. In the iOS emulator (haven't tested on iPhone yet) it works, but after building for Android and running on phone, it ...
0
votes
0answers
21 views
Bootstrap-select no longer drops down after upgrading Angular 5.2 to Angular 6, Bootstrap 4, upgrade, jquery 3.3.1
After upgrading to Angular 6, the bootstrap-select element no longer drops down unless I remove the class="selectpicker". The little dropdown arrow no longer shows up either.
I've tried downgrading ...
-1
votes
0answers
12 views
Angular 6 - How to add pagination to Material Table
I can't figure out how to add pagination to my Material Data table. I've tried a few methods, but I couldn't get it to work. The data is coming from a server. I'm using Angular 6 and material from ...
0
votes
3answers
23 views
Angular 6 : How to identify forkJoin response
Angular 6 : How to identify response of api with forkJoin
reqs = [];
if (shouldUpdatePhone) {
reqs.push(this.customerService.updatePhone(phoneUpdateRequest))
}
if (shouldUpdateAddress) {
reqs....
0
votes
1answer
18 views
Angular 6 Basic Auth Post Request to .NET Core API
This problem has been posted a bunch of times, but I tried several of the solutions and they are not working for me. I'm making an API service in angular that needs to use basic authentication to get ...
-2
votes
1answer
21 views
How to send angular 6 form without backend?
I'm trying to create a website with angular 6 and send emails from contact form.
This website is deployed on apache server and there is no backend, just Angular 6 html and javascript files.
I have ...
-1
votes
0answers
25 views
How much are the websites using Angular or similar framework Javascript based - centric [on hold]
I don't know the Angular nor other similar framework so I am asking about this. I know that with Angular or similar framework you can build the website using pure javascript, like some modules, ...
0
votes
1answer
26 views
Unable to retrieve map of key value pairs as value in map
I am struggling with a simple problem(I think).
The issue is this.
this.keyss = new Map();
this.summonerHistoryService.getimage().subscribe(champsinfo => {
for(let c of Object.values(...
0
votes
0answers
15 views
How to upload image inside assets folder in angular 2+?
For the working project, angular is used as front-end and .net core is used as back-end/web API. These two are hosted in two different server location.
I uploaded image as blob in SQL Server database ...
0
votes
0answers
14 views
Mat Badge displays inside button instead of upper right
I'm trying to use the badges from angular material. I've got a bunch of nav buttons that I want to put them on, but it's just putting the number inside the button instead of a little circle with the ...
-1
votes
2answers
21 views
Know which node.js version a framework depends on
I'm using karma test runner, version 1.7.1. I want to know if there is a away to know what is the minimum node version the framework karma needs to run.
As a bonus, I want to know if there is a away ...
0
votes
1answer
30 views
How to remove “position: absolute” from Angular5 component mydaterangepicker?
I have some problem with incorrect render of the component "mydaterangepicker". The problem is in some styles which contains "position: absolute". If I remove it from the Chrome Dev Tools - it works ...
1
vote
3answers
36 views
How to align left and right text mat-card-header in angular 4?
I need to allign the text content in the header on left and right side of header tag. i tried different ideas , but none works for me. help me
<div style="width: 40%">
<mat-card >
<...
1
vote
1answer
15 views
Error validating a regular expression with formBuilder
I'm using formBuilder to validate my form. I have a field called password and I want to validate that it requires at least one letter and one number. for example 123456789a must be accepted. I am ...
-1
votes
0answers
10 views
How to make slide in ionic3 with 3 items like pic below with same design? [on hold]
How to make slide in ionic3 with 3 items like pic below with same design ?
0
votes
1answer
19 views
Reset Angular Reactive FormArray Values
I've encountered a strange bug with Angular reactive forms. I am using a FormArray to create a form where fields can be added or deleted. I also want to be able to reset the form whereby the values ...
0
votes
1answer
30 views
Angular CORS Issue - Querying an endpoint every 5 seconds
I have an angular application which is querying a node/express backend endpoint every 5 seconds. However, occasionally i am getting a cors error.
Usecase
A user creates a transaction. The ...
0
votes
0answers
8 views
Subtitle support in Hlsjs player
I'm trying to add captions/subtitles to the Hlsjs player that is integrated to my Angular 5 application, and here is the player that I'm using:
https://github.com/video-dev/hls.js/
for adding ...
0
votes
0answers
16 views
Angular: Rendering component form using ngComponentOutlet
I'm rendering many dynamic components using ngComponentOutlet inside a loop to create a tab interface but when rendering a component with a form, the form appears to be disabled. The issue is being ...
0
votes
0answers
15 views
How to handle payments for a multi-platform application on iOS?
I have an application for architects built for use on web, windows, mac, iOS and Android. It also integrates into the standard drawing production software for architects. I am using Stripe to handle ...
0
votes
1answer
25 views
Convert parameter to inner class
I have defined an inner class in my component to hold the view model and I need to convert the http response interface to this view model. I tried this way:
@Component({
selector: 'app-tasklist-...
0
votes
0answers
15 views
Load the Page Content when Page Loader is Done and Page Is Setup in Angular 4
I am using Angular 4 and stuck at the following point.
When URL will hit, i am using guard to validate few things (this is working fine)
But when Url Guard return True then i am Showing Page ...
0
votes
1answer
15 views
How can I remove border in ion-card in ionic?
I've try many way to remove the border in my ion-card, but it not successfully. Please help me.
Here is my css file:
page-home {
ion-card, .card-ios, .card-md {
border: 0 !important;
...
-1
votes
0answers
26 views
angular 6 build fails
if i work with ng serve i havent problem.
But when i try to build with ng build it is raised the following error:
D:\projects\starter\client>ng build
Could not determine a single project for the '...
0
votes
1answer
19 views
How to close a Bootstrap modal after routerlink redirection with Angular 6
I am developing my first Angular app. I have a Bootsrap modal with a button wich redirects to another section of the app.
<button type="button" class="btn btn-info btn-lg" routerLink="/contactar"&...
-1
votes
0answers
9 views
Angular application working fine on local but not on dev/QA? ERROR SyntaxError: Unexpected token C in JSON at position 0
https://10.21.1.43:70/internal/userInfo/configurationinfo 404 (Not Found)
This is the error that i am getting:
main.bundle.js:9195 ERROR SyntaxError: Unexpected token C in JSON at position 0
at ...
0
votes
2answers
44 views
Angular 2 Observables and Subscriptions
I don't have it very clear on how Observables and Subscriptions work. In particular how an Observable and its Subscriptions exchange information.
So to make explicit questions:
Does an Observable ...
1
vote
0answers
20 views
angular --prod flag gives an error when comparing variable type number with a number
I am developing an Angular 5 app and only when I make the build with --prod flag gives me an error "Operator '<=' cannot be applied to types
'string' and 'number'". Here is the code:
<div *ngIf=...
-1
votes
0answers
19 views
Nativescript with Angular: How to create two columns in listview?
I am trying to create two columns for my dynamic list view, but it failed and draws only one column.
This is my template markuo:
<ListView [items]="detailItems" height="100%" (itemTap)="onItemTap(...
0
votes
0answers
15 views
DOM elements in ion-content rendered in wrong direction
I've build a common static page in my Ionic website (PWA), but I have an unexpected behavior on Firefox :
All my ion-content's children elements are rendered in the wrong direction.
On Chrome or ...