/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 vote144 views1 answer
Angularjs select placeholder
Javascript AngularJS
0 vote197 views1 answer
Angular sumar labels
Javascript AngularJS
0 vote142 views1 answer
Operador ternario angular click
Javascript AngularJS
0 vote149 views1 answer
Sonarqube for angular application
Javascript AngularJS
2 votes211 views2 answers
Make button disabled if input is empty angular
Javascript AngularJS
0 vote141 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS
8 votes155 views3 answers
Angular formgroup on value change
Javascript AngularJS
0 vote156 views1 answer
Angular chart js legend position
Javascript AngularJS
35 votes285 views6 answers
Angular router
Javascript AngularJS
0 vote144 views1 answer
Animate change of class angular
Javascript AngularJS