/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 vote173 views1 answer
Angular specific attributes and locators list
Javascript AngularJS
0 vote162 views2 answers
Fs in angular
Javascript AngularJS
0 vote170 views1 answer
Scope hierarchy in angularjs
Javascript AngularJS
24 votes295 views2 answers
Date format in angular ts
Javascript AngularJS
0 vote162 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
0 vote172 views1 answer
If 'mat-option' is an Angular component, then verify that it is part of this module
Javascript AngularJS
0 vote193 views1 answer
News Application With Angular and Material Design
Javascript AngularJS
-2 votes209 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
2 votes175 views2 answers
Angular usehash not working
Javascript AngularJS
0 vote190 views1 answer
Angular material nested tree
Javascript AngularJS