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 log out the tile on click.
Assignment: Fix the background display
- Create a new displayClass property on the Tile type.
- Default this new property to an empty string when creating tiles in the game service.
- In selectTile, copy the tileType value into the displayClass property
- Bind the class attribute of each grid tile to this new displayClass property