Introducing Directives

AngularJS 1    |    Beginner
  • 13 videos | 1h 4m 29s
  • Earns a Badge
Rating 4.6 of 19 users Rating 4.6 of 19 users (19)
In AngularJS, directives allow you to attach a behavior to an object. Learn how to work with built-in AngularJS directives, and how to create custom behaviors on directives.

WHAT YOU WILL LEARN

  • Instantiate a template once per item from a collection
    Use ng-include to include an external html fragment
    Specify custom behavior when an element is clicked
    Use ng-show and ng-hide to control the display of elements
    Use nested variable scopes in angularjs
    Use the ngclick and ngdblclick directives in angularjs
    Specify custom behaviors based on mousedown and mouseup events
  • Specify custom behaviors based on mouseover and mousemove events
    Specify custom behaviors based on mouseenter and mouseleave events
    Compare the ngchange directive with the javascript onchange event
    Replace elements using the ngbind and ngbindtemplate directives
    Insert an html element using the ngbindhtml directive
    Use different bindings to create custom behaviors based on different mouse events

IN THIS COURSE

  • 3m 9s
    In this video, you will learn how to create a new instance of a template for each item in a collection. FREE ACCESS
  • 6m 9s
    Learn how to use ng-include to include an external HTML file. FREE ACCESS
  • Locked
    3.  Using ngClick
    6m 53s
    After completing this video, you will be able to specify custom behavior when an element is clicked. FREE ACCESS
  • Locked
    4.  Controlling Displays
    4m 30s
    In this video, you will use ng-show and ng-hide to control the display of elements. FREE ACCESS
  • Locked
    5.  Working with Nested Variable Scopes
    4m 41s
    In this video, you will learn how to use nested variable scopes in AngularJS. FREE ACCESS
  • Locked
    6.  Using ngClick and ngDblClick Directives
    3m 54s
    In this video, learn how to use the ngClick and ngDblClick directives with AngularJS. FREE ACCESS
  • Locked
    7.  Using ngMousedown and ngMouseup Directives
    4m 24s
    Upon completion of this video, you will be able to specify custom behaviors based on mouse down and mouse up events. FREE ACCESS
  • Locked
    8.  Using ngMouseover and ngMousemove Directives
    5m 44s
    Upon completion of this video, you will be able to specify custom behaviors based on mouseover and mousemove events. FREE ACCESS
  • Locked
    9.  Using ngMouseenter and ngMouseleave Directives
    5m 45s
    After completing this video, you will be able to specify custom behaviors based on mouseenter and mouseleave events. FREE ACCESS
  • Locked
    10.  Using ngChange Directives
    4m 32s
    In this video, you will compare the ngChange directive with the JavaScript onchange event. FREE ACCESS
  • Locked
    11.  Using ngBind and ngBindTemplate Directives
    4m 25s
    To replace elements using the ngBind and ngBindTemplate directives, find out how. FREE ACCESS
  • Locked
    12.  Using ngBindHTML Directives
    7m 38s
    In this video, find out how to insert an HTML element using the ngBindHTML directive. FREE ACCESS
  • Locked
    13.  Exercise: Creating Custom Behaviors on Mouse Events
    2m 46s
    In this video, you will learn how to use different bindings to create custom behaviors based on different mouse events. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Directives
Rating 4.4 of 12 users Rating 4.4 of 12 users (12)
Rating 4.3 of 16 users Rating 4.3 of 16 users (16)
Rating 4.5 of 10 users Rating 4.5 of 10 users (10)