JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div ng-app="webClientApp">
<div ng-controller="MainCtrl">
<div ng-repeat="(feature,enabled) in features">
<input type="checkbox" ng-model="features[feature]"
>{{feature}}</input>
</div>
{{features}}<br>
{{features.Emotions}}<br>
{{features.Feelings}}
</div>
</div>
CSS
.emo {
background-color: black;
color: white;
}
.feel{
background-color: yellow;
color: black;
}
JavaScript
var app = angular.module('webClientApp', []);
app.controller('MainCtrl', function($scope, $http) {
$scope.features = {Emotions: true, Feelings: true};
});