/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 vote182 views2 answers
Accept 2 values after decimal in angular forms
Javascript AngularJS
0 vote175 views1 answer
Angular mat datepicker timezone
Javascript AngularJS
0 vote172 views1 answer
Route not getting refresh with different id in angular
Javascript AngularJS
1 vote168 views3 answers
Install specific version of angular
Javascript AngularJS
1 vote160 views1 answer
What is the best way to conditionally apply attributes in AngularJS?
Javascript AngularJS
0 vote180 views1 answer
Angular call function every x seconds
Javascript AngularJS
2 votes154 views2 answers
Angular display block
Javascript AngularJS
0 vote175 views1 answer
Warn user before leaving page angular
Javascript AngularJS
0 vote177 views1 answer
Placing card on center in angular flex layout
Javascript AngularJS
10 votes152 views6 answers
Refresh page angular
Javascript AngularJS