- Pick the flowers
- Call John 9303032332
- Cancel cable subscription
- Book the flight tickets
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://reqres.in/ | |
http://jsonplaceholder.typicode.com/ | |
https://developer.github.com/v3/ |
Components define areas of responsibility in your UI that let you reuse these sets of UI functionality.
A component is comprised of three things:
- A component class, which handles data and functionality. In the previous section, the product data and the share() method were defined for you in the component class.
- An HTML template, which determines what is presented to the user. In the previous section, you modified the product list's HTML template to display the name, description, and a "Share" button for each product.
- Component-specific styles that define the look and feel. The product list does not define any styles.
An Angular application is composed of a tree of components, in which each Angular component has a specific purpose and responsibility.
Angular's template syntax extends HTML and JavaScript.
Structural directives shape or reshape the DOM's structure, typically by adding, removing, and manipulating the elements to which they are attached. Any directive with an * is a structural directive.
*ngFor
A structural directive that renders a template for each item in a collection.
<div *ngFor="let product of products">
</div>
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://jaxenter.com/javascript-teach-yourself-157072.html | |
https://developer.mozilla.org/en-US/docs/Learn/JavaScript | |
https://www.theodinproject.com/courses/javascript | |
https://www.freecodecamp.org/ | |
https://www.codewars.com |