/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

9 votes269 views3 answers
Angular append array to another
Javascript AngularJS
0 vote290 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS
0 vote274 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote281 views3 answers
How to receive window.postmessage event in angular 9
Javascript AngularJS
0 vote288 views1 answer
Matmenu in angular
Javascript AngularJS
1 vote264 views1 answer
Angular right click on link
Javascript AngularJS
0 vote251 views1 answer
Add comma after each valiue but don't add in last in angular 6
Javascript AngularJS
10 votes276 views3 answers
Pipe of date angular
Javascript AngularJS
1 vote279 views1 answer
Angular JavaScript heap out of memory
Javascript AngularJS
0 vote267 views1 answer
How to add d3.js in angular
Javascript AngularJS