/Javascript/AngularJS/How to make color squares in angular

How to make color squares in angular

<div><div class='box red'></div>= Super Fast Trains</div>
<br>
<div><div class='box green'></div>= Mail/Express Trains</div>
<br>
<div><div class='box blue'></div>= Local/ Passenger Trains</div>


// CSS

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.blue {
  background-color: blue;
}

Source: stackoverflow.com

Similar codes

0 vote329 views1 answer
Binding variable with td in angular site:stackoverflow.com
Javascript AngularJS
0 vote294 views1 answer
AngularFireDatabase is not a observable??
Javascript AngularJS
0 vote321 views1 answer
GetFullYear within moment in angular
Javascript AngularJS
0 vote337 views1 answer
Remove unused javascript angular
Javascript AngularJS
0 vote275 views3 answers
Angular subscribe and unsubscribe
Javascript AngularJS
0 vote326 views1 answer
String to array angular
Javascript AngularJS
0 vote323 views1 answer
Ngmodel component angular
Javascript AngularJS
2 votes350 views2 answers
Angular size of array
Javascript AngularJS
0 vote341 views2 answers
Adding background video angular 6
Javascript AngularJS
7 votes359 views8 answers
Angular mouseenter
Javascript AngularJS