Category "angular"

TypeScript TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'

Im getting this compilation error in my Angular 2 app: TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'. The piec

Show div if no data in api response Angular

If not data is received on api response, it shows a div. Is the below the best way to do it? At the moment if I click on my search button with the getAll() meth

How to test a component with a renderer in the constructor

Consider this code: import { Component, OnInit, Renderer, OnDestroy } from '@angular/core'; import { TranslateService } from 'ng2-translat

How to test ng-web-apis/geolocation Observable in angular 8?

I'm trying to test a simple angular 8 service that gets user location using GeoLocation Service from Web APIs for Angular public enableGPS() { if (!this.lo

Input binding not working on custom made angular library

I've built an Angular library that I can import into outside applications. Withing my library exists a component called 'MainComponent' that has a single @Input

Input and outputs, how to work with them to follow the naming convention of the Angular 2's styleguide?

Before I knew any better I used to have my directive defined like this: ... inputs: [ 'onOutside' ] ... export class ClickOutsideDirective { @Output() on

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays

I looked at similar questions, but none of them helped me. I am going to receive an object like the following: [ { "id": 1, "name": "Safa", "emai

Ionic-angular ion-textarea's height shrink

I'm coding with ionic-angular framework for some project. When I use ion-textarea, sometimes the textarea's height is decreased 0px. If the textarea code like t

Different routes same component

I want to achieve something like this /products shows all the products and /products/:category shows all the products related to a specific category. To achieve

How to manage Angular2 "expression has changed after it was checked" exception when a component property depends on current datetime

My component has styles that depend on current datetime. In my component I've got the following function. private fontColor( dto : Dto ) : string { // da

Angular Textbox Undefined

So I'm trying to programmatically edit a textbox in a webpage through chromes developer console. This is the code of the textbox. <input formcontrolname="use

Set default launcher flags when I run ng test without additional arguments

I need to pass custom argument to chrome in order to set locale: --lang en-US I've done it using customLauncher. My src/karma.conf.js: module.exports = functi

Bug mat-drawer-content height 100% angular 8

css: .mat-drawer-content { position: relative; z-index: 1; display: block; height: 100%; overflow: auto; } Hello, I have a problem that

BehaviorSubject vs Observable?

I'm looking into Angular RxJs patterns and I don't understand the difference between a BehaviorSubject and an Observable. From my understanding, a BehaviorSubj

Angular/Karma unit test error "1 timer(s) still in the queue"

This is hardly first encounter I've had with "1 timer(s) still in the queue", but usually I find some way to use tick() or detectChanges(), etc., to get out of

Unable to update Angular from 10 to 11 due to dependency errors

I am following this site and trying to update my project to 11.0 through the following command. npx @angular/cli@11 update @angular/core@11 @angular/cli@11 Eve

Angular SPA with Custom --base-href and Nginx Routing

We have an angular SPA application that we need to change the base path from www.site.com to www.site.com/app We added --base-href=/app to our ng build comm

ngx-infinite-scroll scrolled event won't stop firing

I implemented infinite scroll with ngx-infinite-scroll. When the user reaches the bottom of the scrollable element (with a fixed height), the event 'scrolled' w

Navigate relative with Angular 2 Router (Version 3)

How to navigate relative from /questions/123/step1 to /questions/123/step2 within a component using Router without string concatenation and specifying /question

(Angular) Watchpack Error (watcher): Error: ENOSPC: System limit for number of file watchers reached

I'm trying to make a project in angular but when I try to compile it shows me these errors over and over till my IDE closes. Watchpack Error (watcher): Error: E