Welcome to the 3rd part of my AngularJS Tutorial. In this part we’ll learn about jqLite, editing HTML element text, css, attributes, and classes. We’ll append, prepend, remove and replace HTML elements. We’ll also create custom directives in multiple ways and will learn about transclusion.

<!-- Create a custom directive and then cover how to append, prepend, remove and replace HTML elements -->

<!-- Custom directives allow you to add functionality not provided by AngularJS and to create reusable code -->

<div ng-controller="mainCtrl">

<!-- The directive name is different because each uppercase letter is treated as a separate word in the attribute name. We define the item to get from the array by saving it in the array-item attribute. This is an example on how to apply a directive as an attribute. -->