30. Angular, Part 2ΒΆ

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