<div class="modal fade" id="editImageModal" ng-controller="editImageCtrl"> <div class="modal-dialog"> <div class="modal-content"></div> </div> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>--> <h4 class="modal-title">Edit Image</h4> </div> <div class="modal-body"> <form class="form-horizontal" role="form"> <div class="form-group"> <label class="control-label col-sm-2">Name</label> <div class="col-sm-20"> <p class="form-control-static">{{ image.name}}</p> </div> </div> <fieldset class="form-group"> <label class="control-label col-sm-2">Visibility</label> <select class="col-sm-20" id="visibilitySelected" ng-model="data.visibility"> <option ng-repeat="visibility in axioms.visibility" ng-selected="image.visibility == visibility">{{ visibility}}</option> </select> </fieldset> <fieldset class="form-group"> <label class="control-label col-sm-2">Protected</label> <select class="col-sm-20" id="protectedSelected" ng-model="data.protected"> <option ng-repeat="protected in axioms.protected" ng-selected="image.protected == protected">{{ protected}}</option> </select> </fieldset> </form> <div class="modal-footer"> <!--<a href="#" data-dismiss="modal" class="btn btn-default">Close</a>--> <a class="btn btn-lg btn-primary btn-block" ng-click="updateImage(image)" >Apply</a> </div> </div> </div> </div> </div>