Не удалось загрузить шаблон в angular $ mdDailog

Я использую $ mdDailog в своем приложении angularjs. У меня есть функция addUser (), которая вызывается при операции ng-click. Внутри addUser () я использую $ mdDailog.show (). Где я передаю путь к файлу html в templateUrl для загрузки.

Я получаю сообщение об ошибке Ошибка: [$ compile: tpload] Не удалось загрузить шаблон: editUser.html

Функция контроллера:

function addUser(ev) {
           $mdDialog.show({
           controller: DialogController,  
           templateUrl: 'editUser.html',
           parent: angular.element(document.body),
           targetEvent: ev,
           clickOutsideToClose: true,
          });

Index.html:

 <md-button class="md-padding" id="popupContainer"  ng-click="vm.addUser($event)" ng-cloak>Add User</md-button>

editUser.html:

<div>
    <md-dialog aria-label="Mango (Fruit)">
        <p>Here I will place my input elements</p>
  </md-dialog>
</div>