/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 vote233 views1 answer
Ipv6 dual regex angular
Javascript AngularJS
1 vote204 views1 answer
Angular architecture patterns
Javascript AngularJS
6 votes243 views4 answers
Angular bootstrap not working
Javascript AngularJS
70 votes306 views6 answers
Create new project in angular
Javascript AngularJS
0 vote255 views2 answers
Angularjs onclick disable button click
Javascript AngularJS
11 votes234 views2 answers
Angular print an array
Javascript AngularJS
0 vote259 views1 answer
Angular watching for changes in $http.pendingRequests from directive
Javascript AngularJS
0 vote240 views1 answer
O list do AngularFireDatabase não é mais um observable??
Javascript AngularJS
4 votes265 views2 answers
@angular/fire has missing dependencies
Javascript AngularJS
0 vote200 views1 answer
Angular inner page in refresh 404 after ng build
Javascript AngularJS