Angular Guess the Number

I wanted to keep things simple, but still showcase Angular framework's capabilities.

The objective of the game is to guess a random computer-generated number in as few tries as possible.

This is how the game looks:

How the Guess the Number works

Game generates a random number between 1 and 1000.
Records the trial number the player is on. Starts at 0.
Game provides the player with a way to guess what the generate number is.
Once a guess has been submitted, the game checks whether it is the correct number.
Next, game records the guessed number so the user can see their previous guesses.
If it is correct:
1. Game displays congratulations message.
2. Game stops the player from being able to enter more guesses.
If it is wrong:
1. The game tells the player they are wrong and whether their guess was too high or too low.
2. The game allows them to enter another guess.
3. Game increments the trials number by 1.

Angular - Angular is a front-end web framework built by Google. It allows developers to build a single-page applications modeled around a model-view-controller (MVC) or model-view-viewmodel(MVVM) software architectural pattern. This architecture divides applications into different, but connected parts allowing for parallel development. Following this pattern, Angular splits its different components into the respective parts of a web application. Its components manage the data and logic that pertain to that component, display the data in its respective view, and adapts or controls the view based on the different messages that it receives from the rest of the app.