Angularjs传递参数给uibmodal
创始人
2024-10-27 06:30:31
0

在AngularJS中,可以使用resolve属性将参数传递给$uibModal

以下是一个示例代码:

// 控制器中打开模态框
$scope.openModal = function () {
  var modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html',
    controller: 'ModalInstanceCtrl',
    resolve: {
      items: function () {
        return $scope.items; // 将参数传递给模态框控制器
      }
    }
  });
};

// 模态框控制器
angular.module('myApp').controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, items) {
  $scope.items = items; // 接收传递的参数

  $scope.ok = function () {
    $uibModalInstance.close($scope.selected.item);
  };

  $scope.cancel = function () {
    $uibModalInstance.dismiss('cancel');
  };
});

在上述代码中,使用resolve属性将参数items传递给模态框控制器ModalInstanceCtrl。在模态框控制器中,可以通过注入items来接收传递的参数。

在模态框控制器中,可以使用$uibModalInstance.close方法关闭模态框,并返回选择的值。使用$uibModalInstance.dismiss方法关闭模态框,不返回任何值。

请确保在HTML中正确引入相应的AngularJS和UI Bootstrap库。

相关内容

热门资讯

透视实锤"淘宝买we... 透视实锤"淘宝买wepoker透视有用吗"详细辅助解说技巧(线上大神技巧);致您一封信;亲爱淘宝买w...
透视游戏"wepok... 透视游戏"wepoker软件靠谱么"详细辅助线上教程(辅助器安装包透视);支持多人共享记分板与复盘,...
透视苹果版"拱趴大菠... 透视苹果版"拱趴大菠萝十三水作弊"详细辅助德州教程(透视最简单三个步骤软件);支持2-10人实时对战...
透视数据"hhpok... 透视数据"hhpoker外挂靠谱吗"详细辅助专业教程(辅助器可以弄透视);支持2-10人实时对战,虚...
透视挂"aapoke... 透视挂"aapoker辅助怎么用"详细辅助详细教程(脚本神器)1、点击下载安装,微扑克wpk插件透视...
透视肯定"约局吧是否... 1、透视肯定"约局吧是否有挂"详细辅助微扑克教程(模拟器哪个教程);详细教程。2、约局吧是否有挂透视...
透视有挂"hhpok... 透视有挂"hhpoker是内部控制吗"详细辅助解说技巧(辅助器要钱玩攻略);支持多人共享记分板与复盘...
透视软件"xpoke... 自定义xpoker怎么作弊系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
透视辅助"如何下载w... 1、透视辅助"如何下载wpk透视版"详细辅助教你攻略(黑侠破解神器)(UU poker、如何下载wp...
透视好牌"hhpok... 透视好牌"hhpoker软件靠谱吗"详细辅助大神讲解(可以免费玩辅助)是一款可以让一直输的玩家,快速...