I am attempting to display a modal popup dialog using an HTML template. However, instead of appearing as a popup dialog, the HTML code is being inserted into the default HTML page. I have included the controller used below.
app.controller('sortFiles', ['$scope', '$uibModal', function ($scope, $uibModal) {
$scope.Action = function () {
var modalInstance = $uibModal.open({
animation: true,
templateUrl: '/skanner/html/test.html',
windowClass: 'center-modal',
controller: ModalInstanceCtrl,
controllerAs: '$ctrl',
size: 'sm',
resolve: {}
});
Below is the snippet from the default HTML page.
<div id="idDivButtonSort" style="width:200px;" ng-controller="sortFiles" ng-mouseup="MouseUp()" ng-mousedown="MouseDown()" ng-click="Action()" >
Sort
</div>
The content from test.html is not displaying in the modal dialog as expected but is instead pasted at the top of the default page. What could be causing this issue?