Join our newsletter!
Get exclusive content, resources, and more!
1-2 emails per week, no spam
Outline
-
Let's Code Together - Refactoring Flopnames
- Introduction
- First Assignment
- Set the Title
- Toggle Key with a Visibility Style Binding
- Use ngIf on Winning Message
- Refactor the checkForWinner method
- Use Class Bindings for the Team Display
- Remove the teamTextClass property
- Move the currentTeam property to the service
- Don't Pass currentTeam into the gamegrid Component
- Make currentTeam a Model Object
- Create a Team Model
- Make Winner Property a Team
- Create the Tiles Data in the gamegrid Component
- Create a Tile Model
- Render the Tiles in an ngFor
- Hook up the New Click Event
- Log out the Tile Type
- Fix the Tile Background Display
- Make the Game Grid Work Again
- Render the Grid Key Dynamically & Summary
Outline
-
Let's Code Together - Refactoring Flopnames
- Introduction
- First Assignment
- Set the Title
- Toggle Key with a Visibility Style Binding
- Use ngIf on Winning Message
- Refactor the checkForWinner method
- Use Class Bindings for the Team Display
- Remove the teamTextClass property
- Move the currentTeam property to the service
- Don't Pass currentTeam into the gamegrid Component
- Make currentTeam a Model Object
- Create a Team Model
- Make Winner Property a Team
- Create the Tiles Data in the gamegrid Component
- Create a Tile Model
- Render the Tiles in an ngFor
- Hook up the New Click Event
- Log out the Tile Type
- Fix the Tile Background Display
- Make the Game Grid Work Again
- Render the Grid Key Dynamically & Summary
In this video
We create the gameOver property and bind to it.
Assignment: refactor the checkForWinner method
- Create a sub method to set the winner, called setWinner that does 2 things:
- set the name of the winning team.
- set gameOver to true.
- In the checkForWinner method, just return gameOver at the end of the method.