Components & Bindings

Angular 4    |    Beginner
  • 13 videos | 55m 5s
  • Includes Assessment
  • Earns a Badge
Rating 4.5 of 23 users Rating 4.5 of 23 users (23)
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

  • 4m 30s
    Find out how to create external template files for components. FREE ACCESS
  • 4m 34s
    To find out how to create a component, consult the documentation. FREE ACCESS
  • Locked
    3.  Adding Styles to a Component
    5m 1s
    In this video, learn how to add CSS that is specific to a component. FREE ACCESS
  • Locked
    4.  Using Interpolation
    3m 12s
    In this video, you will learn how to use curly braces to runtime evaluate template expressions. FREE ACCESS
  • Locked
    5.  Using Property Bindings
    3m 39s
    Find out how to use square brackets to bind HTML attributes to components. FREE ACCESS
  • Locked
    6.  Using Event Bindings
    4m 55s
    In this video, you will bind HTML events to components using brackets. FREE ACCESS
  • Locked
    7.  Using Two-way Data Bindings
    2m 46s
    In this video, find out how to set up two-way data binding between a component and its markup. FREE ACCESS
  • Locked
    8.  Providing Input Data to Components
    4m 37s
    In this video, you will pass input data into a component using the @Input() decorator. FREE ACCESS
  • Locked
    9.  Sending Component Events as Outputs
    3m 57s
    In this video, find out how to get event information from a component using @Output and EventEmitter. FREE ACCESS
  • Locked
    10.  Working with Class Binding
    5m 59s
    Find out how to work with class binding to manipulate element classes. FREE ACCESS
  • Locked
    11.  Working with Style Binding
    5m 14s
    Find out how to use style bindings to set simple inline styles on elements. FREE ACCESS
  • Locked
    12.  Using the Safe Navigation Operator
    2m 59s
    During this video, you will learn how to avoid null and undefined values in properties and property paths. FREE ACCESS
  • Locked
    13.  Exercise: Creating a Component and Bindings
    3m 41s
    Learn how to create a custom component and manipulate element bindings. 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.

YOU MIGHT ALSO LIKE

Course Angular 11: Services & Dependency Injection
Rating 4.5 of 64 users Rating 4.5 of 64 users (64)
Course Angular 11: Getting Started with Angular
Rating 4.5 of 560 users Rating 4.5 of 560 users (560)
Channel Wintellect JQuery

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course CompTIA Cybersecurity Analyst+: Attack Types
Rating 4.5 of 97 users Rating 4.5 of 97 users (97)
Course Bootstrap Forms & Layout
Rating 4.6 of 80 users Rating 4.6 of 80 users (80)
Course Recursion, Exceptions, Randomization, & Sorting
Rating 3.0 of 7 users Rating 3.0 of 7 users (7)