Angular Jobs

Today in Top Angular News – Tuesday, September 4

Today in Top Angular News – Tuesday, September 4

Today’s topics include Angular, Angular6, angularjs, javascript, typescript, design, Foundation, ngHeidelberg, news, VueJS, node, nodejs, coding, reactjs, 100DaysOfCode, webdev, coder, mysql, ruby, tech, html, learning, and php. Special thanks to contributors Richard Rijnberk, pallavipaddu2, MockupTiger, Adi_b2, 1723567284330679, Filip Jerga, iflameinstitute, AngularDC, angular-schule, +Juri Strumpflohner, Juri Strumpflohner, @maxim.koretskyi, Max Wizard K, @MaximilianLloyd, Maximilian Øystå Lloyd, and webcodegeeks.

How to Handle Errors Globally in Angular – The Info Grid

In this post, I will show you how to intercept the default error handler, and then send the errors to a remote logging service (Simple REST API call) and show a friendly message to the user. Then, we need to add an handleError method in our class, which will catch the errors in our app and do something with the errors. One option would be sending it to a remote logging server such as AWS Cloud Watch and provide a custom error message to the user. Continue reading

Building News App Using Hacker News API and Angular2

I am a regular reader of Hacker News and I get lots of new and exciting news related to my interest in every day. One thing which Hacker News is not supporting is listing the links or stories based on the interest or categories ( like Node, Angular, cat videos etc ). I am going to use Angular command line tool to create and manage new Angular 2 projects. Continue reading

Web-components like AngularJS directives

As you may already know web components consist out of a set of technologies which are combined to create a custom element for use in your HTML markup. This is because these lines will be where we’ll add our logic to turn this normal directive in to the essence of a true web component. This effectively wraps the markup inside a Template for later use with the shadow root whilst still maintaining a link inside it with our transcluded content through the content tag. Continue reading

What is AngularJS good for? – Quora

  • AngularJS is an open-source Front-end JavaScript framework.

Adoption of AngularJS as a viable framework for client-side development is quickly becoming known to the entire web development community.Because AngularJS is built by Google, you can be sure that you’re dealing with efficient and reliable code that will scale with your project. AngularJS is equipped with a lot of featuresIf you’re familiar with projects, like QUnit, Mocha or Jasmine, then you’ll have no trouble learning Angular’s unit-testing API.Angular, similar to Backbone or JavaScript MVC, is a complete solution for rapid front-end development. Continue reading

Enabling Hot Module Replacement (HMR) in Angular 6 – The Info Grid

Hot Module Replacement (HMR) is a key webpack feature that is not enable by default in Angular. First, we are going to install @angularclass/hmr dev package:

Next, we need to add an extra environment for our angular application, specifically for HMR. Add the following code:

Please note, we added an extra HMR property for our environment and set it to true. Continue reading

How to build wireframes online – MockupTiger wireframe tool

What a wireframe will do is to allow you to view the whole site without getting distracted by details. It's now time to gather your team, stakeholders, and colleagues to get their feedback. Here's why it isn't wise to ignore the wireframe stage:

Wireframes are a way for you and the team to understand clearly what your end goal is – what you want to build. Continue reading

How you can replicate Airbnb’s location area display using geocoding in Angular

Create a new project
Go to the library section and enable Maps JavaScript API and Geocoding API
Get your credentials (API key). AGM module will provide us with all the necessary components and directives to display a Google map. In order to display a location in the map, we need to provide latitude and a longitude input properties to agm-circle (the component that will display the circle area of the location on the map). Continue reading

Don’t Hog Your Angular Code

Don’t hog your Angular code, easily share it between web, iOS, and Android. And we’ve also had angular for native mobile apps running on NativeScript. Recently, with the invention of schematics, the Google and NativeScript teams have collaborated to allow easy JavaScript code sharing between web and native mobile apps. Continue reading


Sign up

Fetching contributors…

Cannot retrieve contributors at this time

Community updates, 2018-08-04

Upcoming conferences:

Angular Days 2018, 09.-12. October in Berlin, by SS Media see Developer Conference (WDC), 16.-18. 7 November 2018 in London, see 2019, summer 2019 in Berlin, by Symetics GmbH, see 4 days advanced workshop, 18.-21. Continue reading

Learning Angular: Useful utility functions

  • Check out the series intro and other articles.

Angular has a series of utility functions which you should definitely take a look at. This article is part of my “Learning NG” series, presenting some of my adventures while learning Angular. Continue reading

What is `forwardRef` in Angular and why we need it – Angular In Depth

Usage example
Angular documentation shows the following example:
class Door {
lock: Lock;

// Door attempts to inject Lock,
// despite it not being defined yet. So, for example, if you want to access the form directive associated with the input in your custom directive you can do like this:
selector: '[mycustom]'
export class MyCustom {
constructor(@Inject(NgControl) directive) {…input type="text" ngModel mycustomTo enable that each both NgModel and formControl directives define a formControlBinding provider and register it in the directive decorator descriptor. Here is how the formControl directive does that:
export const formControlBinding: any = {
provide: NgControl,
useExisting: selector: '[formControl]',
providers: [formControlBinding],


export class FormControlDirective { … }and NgModel directive:
export const formControlBinding: any = {
provide: NgControl,
useExisting: NgModel
selector: '[ngModel]',
providers: [formControlBinding],

export class NgModel { … }The interesting piece of the implementation here is that formControlBinding is defined outside the directive class decorator. Continue reading

Did we miss something? Do you have feedback on how we can improve? Contact us.