Angular js 在选项卡上打开模式 select

Question

我想在选项卡 select 上打开模式，我正在使用 UI Bootstrap 插件组件，一切似乎都正常，即选项卡打开，但是模式页面似乎没有在最后一个选项卡 select 上调用，下面是我的代码：所有控制器函数都被调用为 vm

控制器

     function tab_open_call (size) {

      var modalInstance = $uibModal.open({
         animation: $scope.animationsEnabled,
         templateUrl: '/cashier/views/cashier.angular_components.modal',
         size: size

       });

   }

查看

<uib-tabset>
   <uib-tab heading="Profile">
   </uib-tab>
   <uib-tab heading="Address">
   </uib-tab>
  <uib-tab select=" vm.tab_open_call" heading="Setting">
   </uib-tab>
  </uib-tabset>

模态视图

<div class="modal-header">
    <h3 class="modal-title">I'm a modal!</h3>
 </div>
<div class="modal-body">
  <p>Something here</p>
</div>

请帮忙？

RESOLVED : I SIMPLY RESOLVED THIS BY ADDING THE $uibModal SERVICE TO THE CONTROLLER , WHICH WAS NOT BEING CALLED !

Answer 1

您忘记了 size 参数？尝试：

<uib-tab select="vm.tab_open_call('md')" heading="Setting">
</uib-tab>

Angular js 在选项卡上打开模式 select

Angular js open modal on tab select

angularjs

angular-ui-bootstrap

angular-ui-bootstrap-tab