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

Question

Я использую $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>

Answer 1

Вы должны передать путь относительно базового URL:

templateUrl: '/{PATH_TO_THIS_FILE}/editUser.html',