Book
Submodule 19.3: Angular Components
Submodule 19.3: Angular Components
Completion requirements
View
- Component
- Interpolation
- Structural directives
- Pipes
... Components Part 1...
... Components Part 1
The results
With the previous code configured, open your Terminal go to the angularChocoYourname
angular-sub-folder and run ng serve
to run your application in development mode. In your browser navigate to the URL localhost:4200
Remember the JavaScript array of object we have exported.
Look how each of the properties for the JavaScript object array has been used and mapped to the four items in the Bootstrap "media".
Look how the corresponding images have been included here using the image thumbnail class.
And note how the name and the description of each dish are displayed here.
Do a Git commit with the message "Components Part 1".