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 refactor the checkForWinner method.
Assignment: use class bindings for the team display
- Create two bindings on the text of the winner.
- bind to the "redtext" class which should be true when the currentTeam property is red.
- bind to the "bluetext" class which should be true when the currentTeam property is blue.