Angular start ngFor index from 1

Is it possible to start ngFor index from 1 instead of 0? let data of datas;let i=index+1 didn't work.

How to detect scroll to bottom of html element

I have this element that I'm referencing by Id: let infiniteScrollElement = document.getElementById('th-infinite-scroll-tracker'); I need to listen when the browser is has reached the bottom...

angular2 ngFor not working while fetching data from api on ngOnInit()

comment.component.ts: import { Component, OnInit } from '@angular/core'; import { Router} from '@angular/router' import { Comment } from 'comment entity path' import {CommentService} from 'comment...

Property 'files' does not exist on type 'EventTarget' error in typescript

I am trying to access the value of the input file from my ionic 2 application but still I'm facing the issue of property files does not exist on type 'EventTarget'. As it is properly working in js...

Angular No module factory available for dependency type: ContextElementDependency

Running ng build on my Angular 4 project give this error : 14% building modules 40/46 modules 6 active ...es\@angular\http\@angular\http.es5.js An error occured during the build: Error: No...

How do I use postcss/autoprefixer in angular

I have read through the issue #1521 on how to use postcss/autoprefixer I am still really unlcear. Do I just npm install autoprefixer --save-dev Is this the right way of doing it? I have also read...

Angular MatPaginator doesn`t get initialized

I have 2 components. Both have mat-table and paginators and pagination is working for one component and not working for the other component though the code is similar. Below is my html: <div...

angular material checkbox surrounding div click

I have an angular 5 material checkbox with a surrounding div and some other elements. I want a click on the div to be the same as a click directly on the checkbox. Here is my example code: <div...

angular form validation `min` not working

I am reading https://angular.io/guide/forms. My codes: <!-- Min price --> <div class="form-group"> <label for="minprice">Min price</label> <input type="number" min="0" ...

Making part of text in Material Tooltip bold

So, let's say I have a mat-tooltip element like this: <button mat-raised-button matTooltip="Info about the action"> Action </button> Now, how to make only the "Info" part of text bold? I was...

Angular 6 How to load Service before App Component loads?

I am getting the JSON Object value in my Data service, but All components are loading before my Data service loads. So, I am getting undefined values when I call service method from components.

How to make a sequence of http requests in Angular 6 using RxJS

I've been looking for a solution all over the web, but couldn't find anything that fits my user case. I'm using the MEAN stack (Angular 6) and I have a registration form. I'm looking for a way to...

ERROR in : The pipe 'translate' could not be found

I am using Angular 7.1 but unfortunately I am not able to make the translate pipe of ngx-translate to work… package.json "dependencies": { "@angular/animations": "~7.1.0", ...

Angular Universal (SSR) Error: Failed to lookup view "index" in views directory

I want to deploy my angular universal app on aws. From my understanding, I can only deploy my app on elastic beanstalk because it needs a web server to run. (It means no S3 deployment). When I...

Testing Angular component without referencing other nested components

I won't be including too much code as it would make it too complication to understand I am new to Angular and totally new to the unit testing framework Jasmine. So, in my Angular app, i have a...

lodash implicit gives "_ is not a function" error

When trying to use lodash as implicit it gives the error "_ is not a function" import { Component } from '@angular/core'; import * as _ from "lodash"; @Component({ selector: 'my-app', ...

Angular Material Vertical Stepper | Extend vertical line in last step

Is it possible to extend the vertical line in the last step? The template script prevents it: <div class="mat-vertical-content-container" [class.mat-stepper-vertical-line]="!isLast"> This is...

cordova permission denied on mac terminal

I installed globaly cordova and already get the path when I type which cordova, it show cordova: aliased to /Users/myusername/lib/node_modules/cordova/bin but when I type cordova create hello...

After update from Angular 8 to Angular 9, 'ng generate component' generates a .css file instead of .scss

In my project I had set up SCSS as the style. Now after the update from Angular 8 to 9, when I use the CLI to generate a new component, a CSS file is generated where I expect an SCSS file to be generated.

Conditional bind property fxFlex in Angular 9

I am using the Angular flexlayout which works perfectly, I am trying to bind fxFlex to the child element like below <div [fxLayout]="fields.layoutConfig.fxLayout + ' wrap'" fxLayoutGap="10px"> ...

Angular Material Menu module: Export of name 'matMenu' not found

I have a little issue with Angular Material Menu module. I have this code in my app.module.ts: import { SharedModule } from './shared/shared.module'; @NgModule({ declarations: [ // ... ...

why I am getting "SCRIPT5021: Invalid range in character set" and blank screen in IE11?

I am using Angular 9, All code is working fine in chrome but not in IE11 , I am no where using any Regex and mostly I am using back tics. Below error is coming in Polyfills-es5.js as on page...

Increase session timeout in web application using Angular 8 and Rest API

In my web application developed in angular 8 and Rest API, I have a POST API call that takes a long time than usual (> 1 hour or more) in uploading and processing certain large documents in...

Angular SSR Error: Failed to lookup view "index" in views directory

I have deployed angular ssr project to cpanel and i'm getting error when running the project using this command, node dist/angular-universal/server/main.js. Error: Node Express server listening...

ESLint complaining about empty constructor and ngOnInit-implementation

In my Angular application, the rule no-empty-function, triggered an error for my constructor. Well, it is indeed an empty body there but the constructor itself needs to be there, because I inject...

Angular library module inject same service instance of abstract class

I am building a library and sample app with Angular 11. I wish to allow the consuming app to inject an implementation of a base class into the library. I have default logic defined in the library....

How can I mount Angular Component in Cypress Component Test Runner

I tried to mount an Angular Component in my newly setup Cypress Component Test Runner Environment in Angular like so: import { ɵrenderComponent as renderComponent, ɵcompileComponent as...

Angular 12 - Generating browser application bundles (phase: sealing) very slow

After I update my Angular Application from Angular 11.2.12 to Angular 12.0.0 Angular CLI: 12.0.0 Node: 14.15.4 Package Manager: npm 6.14.10 OS: win32 x64 Angular: undefined ... Package ...

Property 'fName' comes from an index signature, so it must be accessed with ['fName']

These are my files. I am getting this error can someone help me. Error: src/app/app.component.html:5:123 - error TS4111: Property 'fName' comes from an index signature, so it must be accessed with...

Angular 8 ERROR Error: Unable to find context associated with [object HTMLDivElement]

Just another day in the office, right? What once worked is no longer working. Yay! I am supporting an Angular 8 web application and attempting to kickstart localhost:4200. That said, the following...