30. Angular, Part 2

• 30.1. Angular Directives
  • 30.1.1. Open the Lesson 2 Folder
• 30.2. ngFor
  • 30.2.1. ngFor Syntax
  • 30.2.2. Try It
    • 30.2.2.1. What If
    • 30.2.2.2. Bonus What If
  • 30.2.3. Check Your Understanding
• 30.3. ngIf
  • 30.3.1. *ngIf Syntax
    • 30.3.1.1. Logical Operators With *ngIf
    • 30.3.1.2. What About if/else?
  • 30.3.2. Try It
  • 30.3.3. Check Your Understanding
• 30.4. Events
  • 30.4.1. Angular Events
    • 30.4.1.1. Syntax
• 30.5. Responding to User Input
  • 30.5.1. Change Practice Folder
  • 30.5.2. Setting Up an Input Box
  • 30.5.3. Changing the Event
    • 30.5.3.1. Modifying keyup
    • 30.5.3.2. Wait for a Click
    • 30.5.3.3. Now Add a Button
  • 30.5.4. Summary
• 30.6. Events Can Call Functions
  • 30.6.1. Modify the HTML
  • 30.6.2. Define the Function
  • 30.6.3. Tidying Up the Display
    • 30.6.3.1. Clear the Input Box
    • 30.6.3.2. Check for Duplicates
  • 30.6.4. Bonus
  • 30.6.5. Check Your Understanding
• 30.7. Exercises: Angular, Lesson 2
  • 30.7.1. Starter Code
  • 30.7.2. Candidates Column
  • 30.7.3. Candidate Data Column
  • 30.7.4. Sidekick Image Column
  • 30.7.5. Selected Crew Column
    • 30.7.5.1. Clear Crew List
  • 30.7.6. Bonus Missions
    • 30.7.6.1. Fine Tune the Buttons
    • 30.7.6.2. Change the Mission Name
  • 30.7.7. Bonus Results
• 30.8. Studio: Angular, Part 2
  • 30.8.1. Getting Started
  • 30.8.2. Review the Starter Code
    • 30.8.2.1. Editable Mission Name
    • 30.8.2.2. Crew Array of Objects
  • 30.8.3. Requirements
    • 30.8.3.1. Edit Rocket Name
    • 30.8.3.2. Use *ngFor to Display Crew
    • 30.8.3.3. Display 1st Mission Status
    • 30.8.3.4. Add Crew Members
    • 30.8.3.5. Remove Crew Members
    • 30.8.3.6. Edit Crew Members
  • 30.8.4. Bonus Missions
  • 30.8.5. Sanity Check