Javascript 我可以在特定条件下（没有任何引导服务）使用Angular JS在HTML中使用调用属性控制控制器中的模式吗？

在我的应用程序中，在某些情况下，我可以在单击按钮（ng click）时调用模式

我的HTML

<button type="button" class="btn btn-outlined" ng-click="vm.change()" data-modal-target="#add-save-all-alert-modal"></button>

我的模态HTML

     <div data-modal id='add-save-all-alert-modal' class='bx--modal bx--
modal-tall' tabindex='-1'>
<div class='bx--modal-inner' style="width: 40%;margin-bottom: 400px;">
<div class="bx--modal-container">
  <button class='bx--modal__close' type='button' data-modal-close>
     <svg class='bx--modal__close--icon'>
    <use xlink:href='./././images/carbon-theme-ui/bluemix-icons.svg#close'></use>
  </svg>
</button>

<div class='bx--modal-content'>
  <p>Save Modified Baselines</p>
</div>

 <div class='bx--modal__buttons'>
  <div class='bx--modal__buttons-container'>
    <button class='bx--btn--secondary' type='button' data-modal-close>Cancel</button>
    <button class='bx--btn' type='button' data-modal-close>Save</button>
  </div>
</div>
</div>
</div>

保存修改后的基线

取消
拯救

我想根据控制器中的if条件控制模态的打开和关闭

如何控制控制器内的数据模态目标属性以打开和关闭模态

---

帮我个忙，我被困在这里了…提前谢谢

尝试从html中删除数据模式目标，并使用单击功能显示或隐藏模式

vm.change = function () {
    if(vm.modifiedBaseline &&  vm.modifiedBaselineToBeCommented){
     vm.modalFlag = true;
     $('#add-save-all-alert-modal').modal('show');
    } 
    else{
         st1;
         st2;
    }
   vm.modalFlag = false;
}

---

请参阅从js而非html无条件地打开模式。不建议将Jquery与angular一起使用

在本例中，我建议使用bootstrap创建一个原生HTML模式，并通过变量和类控制displaycss属性

否则你可以试试看

---

我已经尝试过了，但是点击屏幕就会完全空白，我无法获得id为@Manas hemrajani的modal内容。我已经在我的HTML中添加了一个ng include到modal HTMLEMS的路径中。问题出在其他地方。。你有一个问题吗？这不起作用，因为我的模式HTML中的类是碳设计主题，而不是引导类…可能是这样，屏幕会变空白…这个方法适用于我所有的引导类tried@ManasHemrajanian你在这里添加你的模式html我已经添加了@user8175473我想html中有一个问题。关闭您的容器及其父div，并添加yeah。要在@user8175473实现的功能似乎没有问题

vm.change = function () {
    if(vm.modifiedBaseline &&  vm.modifiedBaselineToBeCommented){
     vm.modalFlag = true;
     $('#add-save-all-alert-modal').modal('show');
    } 
    else{
         st1;
         st2;
    }
   vm.modalFlag = false;
}