/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 vote145 views3 answers
Angular sanitize vs validators
Javascript AngularJS
5 votes146 views3 answers
Skip import angular 6
Javascript AngularJS
10 votes148 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
0 vote166 views1 answer
Download xml file asp.net web api and angularjs
Javascript AngularJS
0 vote180 views1 answer
Cannot find name json angular 7
Javascript AngularJS
5 votes160 views1 answer
Angular open poort in network
Javascript AngularJS
0 vote148 views1 answer
How to place icons on labels in chartjs angular
Javascript AngularJS
5 votes147 views4 answers
Generate guard angular
Javascript AngularJS
0 vote140 views1 answer
Angular bootstrap path
Javascript AngularJS
0 vote144 views1 answer
Anchor click event angular refresh page
Javascript AngularJS