Angular Journal

By Beaglesong | A collection of noteworthy articles about Google's AngularJS JavaScript framework.

The Working Programmer - How To Be MEAN: Angular CRUD

Command-Line Tooling<p>Before I get into the component concepts, there’s just one side note I want to make. Some readers e-mailed me to ask if the Git …

Angular v4: Hybrid Upgrade Application

Angular version 4 is out and now we can enjoy it’s benefits. As explained in the Top 8 Resources to Explore Angular 4, the advantages of the version …

Integrate RecordRTC with Angular 2 -Typescript

RecordRTC is a great library which also supports WebRTC’s getUserMedia API, the api responsible for simplifying audio/video access in HTML5 among …

Angular 4.0.0 Now Available

Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following our announced adoption of Semantic Versioning, and …

Build an Angular 2 application that displays wallpapers using the Reddit API

×<p>Must login to heart a guide<p>Login with Github<p>Why Github?<p>Most developers already have an account<br>• Link all your contributions to your profile on the …

How to Implement Conditional Validation in Angular 2 Model-driven Forms

In this article, we will learn about how to handle conditional validation in our model-driven form using the latest forms module. If you are new to …

JavaScript

The Power of Structural Directives in Angular

What’s a Structural Directive?<p><i>A Structural directive changes the DOM layout by adding and removing DOM elements.</i><p>The two most common structural …

Setting Up Ngrx/Store In An Angular 2 Project

11/27/2016<p>Comments<p>I’ve been fiddling a lot lately with ngrx/store and managed to successfully implement it into a side project I’m working on. This …

Authoring an Open Source Library for Angular

I recently created an open source library to be used in Angular (formerly called Angular 2) projects. There were a few lessons learned along the road …

Angular 2 Firebase Tutorial Part 4: Adding Email / Password Authentication

posted by Matt Huddleston<p>If you are enjoying this blog post, please consider pausing AdBlock on this domain. It helps us cover hosting fees. …

Testing Routes in Angular 2

Dive back into Angular 2, and learn how to test routes in a new tutorial in our series on test-driven development with Angular 2 and Webpack.<p><b>Brought</b> …

Making your Angular apps fast

Need a private training?<p>Get customized training for your corporation<p>Contents are based on Angular version <b>>= 2.x</b> unless explicitely stated differently.<p>…

TypeScript 2.2: The object Type

TypeScript 2.2 introduces a new type called object. It represents any non-primitive type. The following types are considered to be <b>primitive types</b> in …

JavaScript

Working with Angular 2 Router – Part 2

Recently, we spoke about the basics of routing with Angular 2. We covered everything from configuring the router to adding basic routes to your …

Building Tesla's battery range calculator with Angular 2 reactive forms

In this epic tutorial, we’re going to build some advanced Angular 2 components that rebuild Tesla’s battery range calculator and then compile it to …

JavaScript

Integrating Angular with RESTful Services using RxJS and Observables

Upload file with AngularJS and PHP

For upload file with AngularJS need to send the file by $http service and with the use PHP store the requested file to the server and return a …

Angular Forms in Depth

<i>Victor Savkin is a co-founder of</i> <i>nrwl.io</i><i>, providing Angular consulting to enterprise teams. He was previously on the Angular core team at Google, and</i> …

JavaScript

Dynamically Creating Components With Angular – NetanelBasal

In this article we will learn how to dynamically create components in Angular.<p>First, we need a component.<p>For the simplicity we are going to use a …

Getting started with Angular's Router

Angular’s router acts as the main hub of any application, it loads the relevant components relevant to the route requested, as well as dealing with …

JavaScript

Introduction to Angular 2 Observables | JavaScript Screencasts And Tutorials

Hi folks,<p>As promised in the form tuts, today we talk about <b>Observables</b>!<br>This part is very important for Angular 2 and also the future of JavaScript in …

Angular — Advanced Styling Guide (v4+) – Google Developers Experts – Medium

Angular — Advanced Styling Guide (v4+)<p>Learn how to style like a pro using Shadow DOM selectors, Light DOM, @HostBinding, ElementRef, Renderer, …

Using Zones in Angular for better performance

Angular Master Class in Denmark<p>Join our upcoming public training!<p>Contents are based on Angular version <b>>= 2.x</b> unless explicitely stated differently.<p>In …

JavaScript

Naive Infinite scroll in Reactive Programming using RxJS Observables

A simple experiment to implement infinite scroll with RxJS<p><b>What is Reactive Programming ?</b><br>In simple terms it is programming with asynchronous data …

How to update to Angular’s latest CLI version @angular/cli

It’s no longer news that Angular now have a new version of the command line (@angular/cli). The issue however is how can you update your command line …

Angular 2 Change Detection: “Seeing” It in Action

The Angular 2 change detection system is somewhat of a black box: you update some variables in the model, and the components update automatically. …

JavaScript

How to handle CORS in an Angular2 and Node/Express Applications

In many applications, the front-end and the backend reside at a single point i.e. there might be many NodeJS applications which serve the front-end …

What is the best way to declare a global variable in Angular 2 / Typescript

I would like some variables to be accessible everywhere in an Angular 2 in the Typescript language?. What is the best best to do this?<p>typescript …

JavaScript

Angular 2+ Components & Libraries

• Official website: devarchy.com/angular<br>• Use devarchy to add a library to the catalog<p>Contents<p>UI Components<p>Overlay<p>Notification<p>Popover<p>Table<p>Tree<p>Loading / …