Модальное всплывающее окно начальной загрузки не отображается из AngularJS Controller

Question

Модальное всплывающее окно не отображается при нажатии на кнопку в моем приложении. Только фон отображается как исчезнувший, но всплывающее окно не отображается. Я открываю всплывающее окно из контроллера AngularJS с помощью $ modal.open. Всплывающее окноеще одна страница .html, которую я пытаюсь открыть. Ниже приведен мой код. Пожалуйста, проверьте и сообщите, что мне не хватает.

Контроллер:

$scope.OpenPopup= function () {    
     $scope.modalInstance = $modal.open({
         templateUrl: "Main/views/addEmployer.html",
         scope: $scope
     });
}

addEmployer.html:

<div>
 <h4>Just something random here</h4>
</div>
<div>
    <button class="btn btn-primary" ng-click="ok()">OK</button>
    <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>

Index.html

<script src="//cdn.rawgit.com/angular-ui/bower-ui-grid/v3.0.6/ui-grid.min.js"></script>