/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

10 votes313 views3 answers
Pipe of date angular
Javascript AngularJS
0 vote311 views1 answer
ANGULAR locale fr
Javascript AngularJS
0 vote302 views1 answer
Switch element array angular
Javascript AngularJS
0 vote292 views1 answer
Javascript console log angularjs $scope data
Javascript AngularJS
0 vote306 views1 answer
Angular2-tree-diagram
Javascript AngularJS
0 vote303 views1 answer
Angular injector.create example
Javascript AngularJS
-1 vote365 views1 answer
Angular bind to class or ngClass
Javascript AngularJS
1 vote327 views1 answer
What it means --skiptests==true in angular
Javascript AngularJS
0 vote310 views1 answer
Angularjs are you sure to leave
Javascript AngularJS
24 votes360 views2 answers
Date format in angular ts
Javascript AngularJS