ページ全体をモーダルにロードする（アングル・ブートストラップ）

Question

私のページにモーダルをロードしようとしていますが、ページをロードすると、 "modal.html"をロードできません。モーダルそれは、コントローラの同じディレクトリにある

$scope.loadEditForm = function() { 
    var modalInstance = $modal.open({ 
     ariaLabelledBy: 'modal-title', 
     ariaDescribedBy: 'modal-body', 
     templateUrl: 'modal.html', 
     controller: 'ModalController', 
     }); 
    }; 

modal.html：

私はui.bootstrapと メインコントローラ正しく注入し、この機能を持っています。

<div class="modal-header"> 
<p>Hello</p> 
</div> 

私は関数を呼び出すためのボタンがありmain.htmlをページ：

<button ng-click="loadEditForm()">Edit Form</button> 

そしてModalController：

angular.module('ModalController', []).controller('ModalController', function($scope, $http) { 
}); 

だから、問題はそのとき、私ですボタンをクリックすると、私の "main.html"と同じ内容でモーダルウィンドウが現れますが、私の "モーダル"については何もありません。 html "

誰かが私を助けることができるなら、私は非常に感謝します。

ありがとうございました！

編集：問題はパスしていた

Web console

Answer 1

が解決、私は変更：

私はボタンをクリックし、コンソールに次のように表示されby：

var modalInstance = $modal.open({ 
    ariaLabelledBy: 'modal-title', 
    ariaDescribedBy: 'modal-body', 
    templateUrl: 'views/modal.html', 
    controller: 'ModalController', 
    }); 

modal.htmlを「ビュー」フォルダに変更します。