Question

我喜欢在选项卡上打开一个模态选择使用UI Bootstrap插件组件，一切似乎都有效，即选项卡打开但是，在选择最后一个选项卡时似乎没有调用模态页面，下面是我的代码：全部控制器功能被称为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>

请帮忙吗？

决议：我简单地通过向控制器添加$ uibModal服务来解决这个问题，而这个服务并没有被调用！

Answer 1

您忘记了size参数？尝试：

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

Angular js在选项卡上打开模态

1 个答案: