angular에서modal 모드 상자 (복원 가능)
9825 단어 프런트 엔드
$rootScope.confirm = function(content, okFn, cancelFn) {
var modal = $modal({
html: true,
show: false,
templateUrl: 'views/template/ptteng-confirm-0.0.1.html',
controller: function($scope) {
$scope.content = content;
$scope.ok = function() {
typeof okFn == 'function' && okFn();
modal.$promise.then(modal.hide);
};
$scope.cancel = function($scope) {
typeof cancelFn == 'function' && cancelFn();
modal.$promise.then(modal.hide);
};
}
});
modal.$promise.then(modal.show);
};
html:
ngjs:
vm.delete = function(id) {
$rootScope.confirm(" ?", function() {
moduleService.deleteModule(id).then(function(res) {
$state.go($state.current, {}, {reload: true});
});
});
};
모드 상자 html
class="modal ng-scope top am-fade" tabindex="-1" role="dialog" aria-hidden="true" style="display: block;">
class="modal-dialog">
class="modal-content">
class="modal-header">
class="modal-title" > 프롬프트
class="modal-body">
{{content}}
class="modal-footer">
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Vue.js】컴포넌트의 3개의 네비게이션 가드일에서 사용하게 되었기 때문에 1부터 Vue.js에 대해 배웠다. 그 이름에서 알 수 있듯이 무언가를 가드하기위한 처리로, 대체로 페이지 천이 전에 특정 처리를 실행시켜 페이지 천이시키지 않게 한다. Vue.js의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.