By liran bh | 2/12/2017 | JavaScript

Angular Lab1

In this lab, you will create a simple Math test application. The application generate a simple math problem and check the user result

  1. Create a new Angular app

 

  1. Add bootstrap support

 

  1. Use the main app.component to implement this app

 

  1. Create the following form:

 

  1. Write a module (ES6) in directory app/Tools – MathTools.ts
    declare a class with a single static function geterateRandomNumber(n:num)
    Use Math.random()

 

  1. Complete the application to check the result and display a message

  2. Change the message to use a bootstrap alert , add alerts for correct answer and wrong answer and use *ngIf to switch between them

  3. Change the last section to use only one alert and use ngClass instead

{{CommentsModel.TotalCount}} Comments

Your Comment

{{CommentsModel.Message}}

Recent Stories

Top DiscoverSDK Experts

User photo
3355
Ashton Torrence
Web and Windows developer
GUI | Web and 11 more
View Profile
User photo
3220
Mendy Bennett
Experienced with Ad network & Ad servers.
Mobile | Ad Networks and 1 more
View Profile
User photo
3060
Karen Fitzgerald
7 years in Cross-Platform development.
Mobile | Cross Platform Frameworks
View Profile
Show All
X

Compare Products

Select up to three two products to compare by clicking on the compare icon () of each product.

{{compareToolModel.Error}}

Now comparing:

{{product.ProductName | createSubstring:25}} X
Compare Now