A problem is occurring with the ng-class directive in this HTML code, which is generating seats using the ng-repeat directive. The colors are not being added properly when a seat is selected.
If you'd like to view my code, it can be found in this JSfiddle link and below:
<body class="text-center" ng-app="movieApp" ng-controller="movieController">
<div id="content"> <span>
Name: <input type="text" ng-model="name" required>
Number of Seats: <input type="text" ng-model="seat" required>
</span>
</div>
<div id="button">
<button ng-click="Select()">Start Selecting</button>
</div>
<div ng-if="selected">
<div>Row A
<span ng-repeat="value in values" ng-class="{ 'selected-class-name': $event == selectedIndex }" ng-click="SeatSelected($event)">
<input type="button" id={{"A"+value}} >
</span>
</div>
<div>Row B
<span ng-repeat="value in values" ng-class="{'selected':$event = selectedRow}" ng-click="SeatSelected($event)">
<input type="button" id={{"B"+value}} >
</span>
</div>
<div>Row C
<span ng-repeat="value in values" ng-class="{'selected':$event = selectedRow}" ng-click="SeatSelected($event)">
<input type="button" id={{"C"+value}} >
</span>
</div>
<div>Row D
<span ng-repeat="value in values" ng-class="{'selected':$event = selectedRow}" ng-click="SeatSelected($even...