/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

3 votes159 views4 answers
Router-outlet' is not a known element angular
Javascript AngularJS
-1 vote130 views1 answer
Angular back button
Javascript AngularJS
0 vote130 views1 answer
Angular append to FormControl errors
Javascript AngularJS
0 vote125 views1 answer
Angular detect chromebook
Javascript AngularJS
0 vote117 views1 answer
Angular Cannot find name 'require'.
Javascript AngularJS
0 vote122 views1 answer
Deploy angular app on google app engine
Javascript AngularJS
0 vote128 views2 answers
Http get in angularjs
Javascript AngularJS
0 vote124 views1 answer
Angular generate without spec
Javascript AngularJS
0 vote122 views1 answer
Reuse jquery angular
Javascript AngularJS
12 votes140 views6 answers
Angular conditional class
Javascript AngularJS