19 THINGS IN ANGULAR

The Low Down on Attribute and Structural Directives in Angular

A quick guide to the different types of directives in Angular and how to use them

Aphinya Dechalert
Modules&Methods
Published in
5 min readNov 5, 2019

--

Image by Aphinya Dechalert

In Angular, if data is the thing that makes an application come to life, then directives are the thing that makes actions, reactions, and interactions possible.

In the simplest terms, a directive is like a template function that you can use to make things happen. They may take arguments, do something with it, and generate a reactionary action on your HTML. Directives are things that let you attach behaviors to the DOM.

Here’s a quick primer on what directives are, the different types you’ll probably encounter in the wild, and when and how to use them.

The Super-Speedy Low Down on Components

A way to think about your component is that it’s a container that acts as the bridge between your data and your view. It’s the controller portion of an MVC setup — meaning that it connects and renders your processed data from the service (aka model) layer.

--

--

Aphinya Dechalert
Modules&Methods

Where Development Meets Storytelling: Tech Writer, Editor & Dev Advocate. Translating Complexity into Clarity. DM me. linkedin.com/in/dechalert