0

В моем угловом приложении закодированное в машинописи, я использую щий сетки для отображения некоторых данных в бутстраповской модальном. То, что я хочу достичь, заключается в том, что при нажатии на любой из столбцов в строке сетки модальный закрывается. Как я могу это сделать? Я не использую $ modal или $ modalInstance сейчас нет необходимости в этом, так как это SPA. Есть ли способ не использовать их и вызывать modal.dismiss() onRowSelection?Как уволить самозагрузки модальности на клике в Ui сетке угловой

+0

У меня есть SPA (как в одностраничном приложении?), Используя $ modal и $ modalInstance, я не думаю, что они связаны таким образом. У вас есть код, чтобы показать нам? возможно, плункер? – klskl

+0

Между $ modal и $ modalInstance и наличием приложения SPA нет ничего. Если вы хотите взаимодействовать с модальным использованием $ modalInstance – Walfrat

ответ

0

Вы можете использовать приведенный ниже код, чтобы открыть мода.

var modalInstance = $modal.open({ 
    template: require('./modal.html'), 
    controller: require('./search.controller'), 
    controllerAs: 'searchModalInstance', 
    scope: $scope, 
    size: 'lg', 
    windowClass: 'search-modal-popup' 
    }); 

После этого, добавьте объем modalInstance в Ui-сетки appScopeProvider UI-Grid GridOptions

как, uiGridOption.appScopeProvider = modalInstance;

Теперь вы можете закрыть модальный, вызвав функцию close() от УИ-сетки.

+0

Есть ли способ закрыть модальность, не используя эту открытую функцию? Эта часть действительно лишняя часть кода для моего приложения. – cAMPy

+0

@cAMPy Затем вы можете использовать $ modaStack.getTop(). Key.close() для закрытия модального. $ modalStack.getTop() возвращает текущий открытый модальный объект. – Amit

+0

Amit, к сожалению, это не работает. Я получаю ошибку en: Ошибка: _this. $ ModalStack.getTop (...) не определено. Я добавил свой модальный код в uiGridOptions: appScopeProvider: document.getElementById ("idOftheDivWhichClassIsModalFade"), – cAMPy

Смежные вопросы