Create a simple like button component with Angular 4.
Build a like button component using Angular (v4). Export the like button component as "LikeButtonComponent" (export class LikeButtonComponent).
1. There should be a like button:
- The content of the like button should be in the following format: "Like | 100", where 100 is the total number of likes.
- It should have a "like-button" class.
- Wrap the number of likes in a span with a "likes-counter" class.
- The initial number of likes in the counter should be 100.
2. Users can add a like. By clicking the button:
- The number of likes should increase by one.
- Like button should have "liked" class in addition to the "like-button" class.
3. Users can undo their like by clicking again on the button:
- The counter should decrease by one.
- "liked" class should be removed.
- Use the animation below as a reference for your solution.
- Design/styling is not assessed and will not affect the score. You should focus only on implementing the requirements.
- The "Preview" tab will display your component. You can use it for testing purposes.