Javascript 将属性Id设置为uibModal

我想知道是否可以将Id属性设置为通过$uibModal生成的模态，以便稍后我可以通过其Id捕获对应的元素。我成功地生成了所需的尽可能多的模态，尽管它们不是用以下代码唯一标识的：

    var modalInstance = $uibModal.open({
        templateUrl: 'openChat.html',
        scope: $scope,
        backdrop: 'static',
        keyboard: false,
        controller: 'openChatModalCtrl',
        windowClass: 'chat-modal',
        size: 'sm'
    }).rendered.then(function () {
        console.log('there you go!');
    });

任何帮助都将不胜感激。

无法添加“id”属性

但您可以使用初始化$uibModal的变量进行管理，在您的例子中，它是var modalInstance

以下是可能有助于以下方面的参考：

//Model Popup for e.g login User
var loginUser= $uibModal.open({
  .....
   ....
});

loginUser.result.then(function () {
 //Write your on success 
}, function () {
  //Write your code when model close event
});

//Other Model Popup for register User
var registerUser= $uibModal.open({
  .....
   ....
});

registerUser.result.then(function () {
 //Write your on success 
}, function () {
  //Write your code when model close event
}); 

希望我已经回答了你的问题

没有办法添加“id”属性

但您可以使用初始化$uibModal的变量进行管理，在您的例子中，它是var modalInstance

以下是可能有助于以下方面的参考：

//Model Popup for e.g login User
var loginUser= $uibModal.open({
  .....
   ....
});

loginUser.result.then(function () {
 //Write your on success 
}, function () {
  //Write your code when model close event
});

//Other Model Popup for register User
var registerUser= $uibModal.open({
  .....
   ....
});

registerUser.result.then(function () {
 //Write your on success 
}, function () {
  //Write your code when model close event
}); 

希望我已经回答了您的问题

id属性可以由ui引导提供的

$uibModalStack

工厂添加：

注意

$uibModalStack.getTop（）.value.modalDomEl.attr（'id'，id）行，通过这种方式可以从模板传递id：

<button type="button" 
        class="btn btn-default" 
        ng-click="$ctrl.open('lg', 'my-outer-class2', 'myID2')">Open me2!</button>

打开me2！

另外，请注意，您可以使用
$uibModal.open（）
函数的windowTopClass或windowClass属性，这些类也将添加到顶级模式级别，因此您也可以将它们用于唯一选择器

带有2个按钮的plunker应用2个不同的id和css类：
id属性可以由ui引导提供的
$uibModalStack
工厂添加：

注意
$uibModalStack.getTop（）.value.modalDomEl.attr（'id'，id）行，通过这种方式可以从模板传递id：

<button type="button" 
        class="btn btn-default" 
        ng-click="$ctrl.open('lg', 'my-outer-class2', 'myID2')">Open me2!</button>

打开me2！

另外，请注意，您可以使用
$uibModal.open（）
函数的windowTopClass或windowClass属性，这些类也将添加到顶级模式级别，因此您也可以将它们用于唯一选择器

plunker具有两个按钮，应用两种不同的ID和css类：