2015
Packt Publishing
John Munsch
1:00
English
It can be hard to maintain a balance between visual elements of an application associated with HTML and CSS and aspects such as UI Interaction and form validation. Wouldn’t it be great if you could use HTML as your own domain specific language (DSL) and have it be a custom thing tuned exactly to the elements and attributes you need for the project you’re building?
AngularJS provides this exact solution by separating these two features so that you can make changes in the visual layout without affecting your code. Backed by directives, AngularJS will help you to add functionality to HTML so that you can build interactive, engaging web applications.
Directives help you to extend your HTML and teach it new tricks to visually enhance your websites without compromising your code. This video course covers everything you need to use directives in your own apps, from creating directives to isolating their scope, applying transclusion, and injecting dependencies.
Firstly, we will learn how to include HTML snippets in our code using directives and create a directive to start working with it. We will use isolate scope to configure our directives individually and style them. Next, we will take a look at different operators to bind functions and make our directives interactive. We will explore the concept of transclusion and apply it to make our code more effective. Once we’ve done this, we will restrict our directives to be used as an element, attribute, class or a comment according to our needs. We will also discover the difference between link and controller functions and inject dependencies to create testable components and co-ordinate our directives to work together. By the end of this course, you’ll be proficient with creating and using fully functional directives to your advantage.
Racing into Turn One
The Course Overview
Replacing ng-include with a Directive
Creating Our First Directive
Learning about Isolate Scope
Giving Our Directive Some Style
Accelerating Down the Straightaway
Coming Back to Scope
Using the & Operator to Bind Functions
Deciphering Transclusion
Creating a Driver Card
Restricting Our Directives by Type
Putting the Pedal to the Metal
Understanding Link Versus Controller
Injecting Dependencies
Drawing Our Racetrack
Coordinating Directives
Adding Our Cars to the Track
Download File Size:138.32 MB
|
