Manipulating SVG with Angular

Moving on from AngularJS, let's take a look at the modern evolution of Angular. Angular 2.+ (referred to just as Angular) is a thoroughly modern framework. It's traditionally written in TypeScript, a super-set of JavaScript that adds optional features that Angular takes advantage of to add some incredibly convenient features and functionality to the library.

Getting started with Angular

Since Angular is a newer framework and has a much larger footprint, we'll go through a little bit of the setup to get you going. The code in the downloaded examples will work, but knowing how you get there is pretty useful. So, let's get set up. 

This Angular example will replicate the exact same demo that the AngularJS example provided redone using Angular code. As you've probably already sensed and will continue to learn, the basic issues with dynamic SVG are the same no matter what library or framework you're using; the solutions are just slightly different. 

Note

You can use whatever...