Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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.

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 ...