How to declare multiple variables in ionic 2/Angular2/typescript?

Question

I am completely new to ionic2/Angular2/Typescript. I am creating a wheel having eight slices. I have difficulty in declaration of variables. How do I declare multiple variables?

In javascript I have declared like below:

function rand(min, max) {
  return Math.random() * (max - min) + min;
}

    var color = ['#fbc','#f88','#fbc','#f88','#fbc','#f88', "#fbc", "#f67"];
    var label = ['10', '200', '50', '100', '5', '500', '0', "jPOT"];
    var slices = color.length;
    var sliceDeg = 360/slices;
    var deg = rand(0, 360);
    var speed = 0;
    var slowDownRand = 0;
    var ctx = canvas.getContext('2d');
    var width = canvas.width; // size
    var center = width/2;      // center
    var isStopped = false;
    var lock = false;

    function deg2rad(deg) {
      return deg * Math.PI/180;
    }

How do I declare in ionic2 ?

dont know about ionic but in typescript use can use var too but there is type let that you can use for local scope — Pardeep Jain
– Pardeep Jain, Commented Apr 12, 2017 at 10:02

Sampath · Accepted Answer · 2017-04-12 16:04:54Z

1

Ionic 2 is running on top of Typescript.So you can do it as shown below.

Always try to use let.You can read why here.

rand(min, max): your-return-type {
  return Math.random() * (max - min) + min;
}

    let color = ['#fbc','#f88','#fbc','#f88','#fbc','#f88', "#fbc", "#f67"],
       label = ['10', '200', '50', '100', '5', '500', '0', "jPOT"],
       slices = color.length,
       sliceDeg = 360/slices,
       deg = rand(0, 360),
       speed = 0,
       slowDownRand = 0,
       ctx = canvas.getContext('2d'),
       width = canvas.width,
       center = width/2,
       isStopped = false,
       lock = false;

    deg2rad(deg): your-return-type2 {
      return deg * Math.PI/180;
    }

edited Apr 12, 2017 at 16:04

answered Apr 12, 2017 at 10:07

Sampath

66.2k70 gold badges327 silver badges462 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

sebaferreras Over a year ago

you can also use the same let keyword to declare all of them like let color = ..., label = ..., slides = ..., ....

Sampath Over a year ago

Thanks for the nice tip @sebaferreras

Deepender Sharma · Accepted Answer · 2017-04-12 10:06:13Z

0

Why you want to declare so many variables? If there are so many variables, better make a class in TypeScript and then create an object in your class and then finally assign the values to the class properties.

    class Wheel{
    public slices: string;
    public speed: number;
....
    }

This way you can define all the properties and use them wherever you want to use.

answered Apr 12, 2017 at 10:06

Deepender Sharma

4901 gold badge7 silver badges26 bronze badges

Collectives™ on Stack Overflow

How to declare multiple variables in ionic 2/Angular2/typescript?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related