Components & Bindings

Angular 4    |    Beginner
  • 13 Videos | 1h 1m 5s
  • Includes Assessment
  • Earns a Badge
Likes 31 Likes 31
The two main elements in Angular are components and bindings for processing the web app. Discover how to create and use components, as well as how to work with various types of binding elements.

WHAT YOU WILL LEARN

  • create external template files for components
    create a component
    add CSS that is component specific
    use curly braces for runtime evaluation of template expressions
    use square brackets to bind html attributes to components
    bind html events to components using brackets
    set up two-way data binding between a component and its markup
  • pass input data into a component using the @Input decorator
    get event information from a component using @Output and EventEmitter
    work with class binding to manipulate element classes
    use style bindings to set simple inline styles on elements
    avoid null and undefined values in properties and property paths
    create a custom component and manipulate element bindings

IN THIS COURSE

  • Playable
    1. 
    Setting Template URLs for Components
    4m 30s
    UP NEXT
  • Playable
    2. 
    Creating a Component
    4m 34s
  • Locked
    3. 
    Adding Styles to a Component
    5m 1s
  • Locked
    4. 
    Using Interpolation
    3m 12s
  • Locked
    5. 
    Using Property Bindings
    3m 39s
  • Locked
    6. 
    Using Event Bindings
    4m 55s
  • Locked
    7. 
    Using Two-way Data Bindings
    2m 46s
  • Locked
    8. 
    Providing Input Data to Components
    4m 37s
  • Locked
    9. 
    Sending Component Events as Outputs
    3m 57s
  • Locked
    10. 
    Working with Class Binding
    5m 59s
  • Locked
    11. 
    Working with Style Binding
    5m 14s
  • Locked
    12. 
    Using the Safe Navigation Operator
    2m 59s
  • Locked
    13. 
    Exercise: Creating a Component and Bindings
    3m 41s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Likes 1 Likes 1  
Likes 19 Likes 19  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

COURSE Introduction
Likes 47 Likes 47  
Likes 24 Likes 24  
Likes 13 Likes 13