Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/sqlite/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs ui引导中使用模态弹出窗口_Javascript_Jquery_Angularjs_Node.js_Twitter Bootstrap - Fatal编程技术网

Javascript 如何在angularjs ui引导中使用模态弹出窗口

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

我用的是angularjs。我想做的是,当用户单击按钮时,angularjs将检查数据库中的项目id。如果数据库中存在项目id,则将显示#模态,而不是像此问题一样的警报。有没有可能用angularjs做这个?如果可能的话,如何

HTML

非常简单:-

1) 将$modal应用于主控制器

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”我怎么能??