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


Recent Stories

Top DiscoverSDK Experts

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

Compare Products

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


Now comparing:

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