Как открыть модальный шаблон, назначенный переменной, которая находится в другой папке в корневом каталоге, с помощью AngularJS

#javascript #angularjs #bootstrap-modal

#javascript #angularjs #bootstrap-modal

Вопрос:

У меня есть модальный шаблон в папке выше, откуда я его вызываю.

 lt;div class="modal fade" id="dynoModal" tabindex="-1" role="dialog" aria-labelledby="dynoModalLabel" aria-hidden="true"gt;  lt;div class="modal-dialog modal-lg" role="document"gt;  lt;div class="modal-content"gt;  lt;div class="modal-header"gt;  lt;h5 class="modal-title" id="dynoModalHdr"gt;lt;/h5gt;  lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"gt;  lt;span aria-hidden="true"gt;amp;times;lt;/spangt;  lt;/buttongt;  lt;/divgt;  lt;div class="modal-body"gt;  lt;p id="dynoModalBody"gt;lt;/pgt;  lt;/divgt;  lt;div class="modal-footer"gt;  lt;button type="button" class="btn btn-secondary" data-dismiss="modal"gt;Closelt;/buttongt;  lt;/divgt;  lt;/divgt;  lt;/divgt; lt;/divgt;  

Это находится в каталоге /global/modals/

место, откуда я хочу позвонить, находится в папке в той же строке, что и /global

Эта папка называется /modules, и под ней находятся 50 других папок.

У каждого из них есть контроллер, сервис, css и html-файл

Итак, я хочу назвать модальный, не помещая его в index.html файл, как мне сказали, я не могу, даже если этот модал создается и уничтожается на лету.

Это то, что мне велят использовать, и это дает мне что-то, но не то, что я думал:

 let aModalVariable = $uibModal.open({  templateUrl: "global/modals/someModalTemplate.html",  controller: 'someCoolController',  backdrop: 'static',  keyboard: false });   $scope.aModalVariable = aModalVariable;  

Все это дает мне вот это:

 aModalVariable = the below:  close: ƒ (a) closed: d {$state: {…}} dismiss: ƒ (a) opened: d {$state: {…}} rendered: d {$state: {…}} result: d {$state: {…}} [[Prototype]]: Object  

Это не дает мне доступа к ШАБЛОНУ.

Это способ этого telecom открывать модальности вместо того, чтобы просто делать

 $("someModal").modal("show");  

Они слишком много думают о сантехнике.

Я понятия не имею, что такое $uibModal… он появляется только в двух controller.js файлы. Больше нигде.

Это вверху, где вы определяете контроллер следующим образом:

 app.controller('someCoolController', ['$scope', '$rootScope', '$uibModal',...   

So, basically, what should be simple is overthought and made complicated.

UPDATE: The location of $uibModal is in a file called: ui-bootstrap-tpls-2.5.0.min.js