#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