1. Contents
  2. 30. Angular, Part 3

30. Angular, Part 3ΒΆ

  1. 30.1. Data Binding
  2. 30.2. One-Way Data Binding
    1. 30.2.1. Displaying the Values of Variables
    2. 30.2.2. Binding to HTML Attributes
      1. 30.2.2.1. Update on the Binding Syntax
    3. 30.2.3. Check Your Understanding
  3. 30.3. Attribute Directives
    1. 30.3.1. Open the Lesson 3 Folder
    2. 30.3.2. Update the Skill-Set Styling
      1. 30.3.2.1. Inline Styling
      2. 30.3.2.2. Changing Styles with Booleans
    3. 30.3.3. What About the Buttons?
    4. 30.3.4. Check Your Understanding
  4. 30.4. Dynamic Style Changes
    1. 30.4.1. Interactive Elements
    2. 30.4.2. Button Styling
      1. 30.4.2.1. Dynamic Button Activation
    3. 30.4.3. Try It!
    4. 30.4.4. Bonus Try It!
    5. 30.4.5. Check Your Understanding
  5. 30.5. Angular Wrap-Up
    1. 30.5.1. Tip of the Iceberg
      1. 30.5.1.1. Two Topics to Consider
    2. 30.5.2. Components Should Be Re-used
  6. 30.6. Exercises: Angular, Part 3
    1. 30.6.1. Starter Code
    2. 30.6.2. The Requirements Review
    3. 30.6.3. Add Attribute Directives and Template Variables
      1. 30.6.3.1. Update the HTML
    4. 30.6.4. Add Events to Modify Directives
      1. 30.6.4.1. Control Buttons
      2. 30.6.4.2. Movement Buttons
      3. 30.6.4.3. Update the Control Button Click Handlers
    5. 30.6.5. New Requirements
    6. 30.6.6. Bonus Mission
  7. 30.7. Studio: Angular, Part 3
    1. 30.7.1. Getting Started
    2. 30.7.2. Part 1: Select Cargo
      1. 30.7.2.1. Code the addItem Function
      2. 30.7.2.2. Make the Add to Cargo Hold Buttons Work
      3. 30.7.2.3. Update the Cargo Hold Display
      4. 30.7.2.4. Status Check
    3. 30.7.3. Part 2: Select Crew Members
      1. 30.7.3.1. Code the addCrewMember Function
      2. 30.7.3.2. Update the Candidates List
      3. 30.7.3.3. Update the Crew List
      4. 30.7.3.4. Status Check
    4. 30.7.4. Bonus Missions
    5. 30.7.5. Sanity Check