Javascript 如何在angularjs ui引导中使用模态弹出窗口
我用的是angularjs。我想做的是,当用户单击按钮时,angularjs将检查数据库中的项目id。如果数据库中存在项目id,则将显示#模态,而不是像此问题一样的警报。有没有可能用angularjs做这个?如果可能的话,如何 HTML 非常简单:- 1) 将$modal应用于主控制器Javascript 如何在angularjs ui引导中使用模态弹出窗口,javascript,jquery,angularjs,node.js,twitter-bootstrap,Javascript,Jquery,Angularjs,Node.js,Twitter Bootstrap,我用的是angularjs。我想做的是,当用户单击按钮时,angularjs将检查数据库中的项目id。如果数据库中存在项目id,则将显示#模态,而不是像此问题一样的警报。有没有可能用angularjs做这个?如果可能的话,如何 HTML 非常简单:- 1) 将$modal应用于主控制器 modalInstance.result.then(function (selectedItem) { $scope.selected = selectedItem; }, function
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
2) 使用$modal.open()
在任何地方打开modal,它将返回一个承诺
$modal.open({
templateUrl: 'myModalContent.html',
controller: 'ModalInstanceCtrl',
size: size
);
此处模板是模式模板的文件或Id。
尺码:sm,lg
控制器它是模态的控制器。
例如:-
angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function ($scope, $modalInstance, items) {
$scope.items = items;
$scope.selected = {
item: $scope.items[0]
};
$scope.ok = function () {
$modalInstance.close($scope.selected.item);
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
});
$modalInstance服务用于从modal关闭并返回承诺
$modalInstance.close($scope.selected.item)代码>关闭模式并将数据返回控制器
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
$modalInstance.disclose('cancel')代码>只需关闭控制器即可
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
此处modalInstance.result
用于从模态控制器向主控制器获取数据
modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
官方您是否检查了官方文档中的模式@arogachev我已经检查过,但不确定如何在给定的代码中应用……您在这方面没有表现出您的努力,除了依赖项“ui.bootstrap”之外,我在这里找不到任何与模态相关的内容。@squiroid您是对的,但我想在我的代码中应用“ui.bootstrap”我怎么能??