/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

2 votes175 views1 answer
Angular current year
Javascript AngularJS
1 vote170 views1 answer
Uppercase angular pipe
Javascript AngularJS
0 vote177 views1 answer
Angular error ng0303 ngForIn
Javascript AngularJS
0 vote214 views2 answers
Angular call child method from parent
Javascript AngularJS
10 votes166 views3 answers
Angular create service command line
Javascript AngularJS
0 vote167 views1 answer
Angular two-way-binding on observable
Javascript AngularJS
3 votes192 views1 answer
Ternary operator in angular
Javascript AngularJS
15 votes196 views3 answers
Forloop angular
Javascript AngularJS
10 votes174 views2 answers
What does event emitter do in angular
Javascript AngularJS
0 vote187 views1 answer
Angular 11 export excel with customize header
Javascript AngularJS