更改选项卡时如何获取UI Bootstrap选项卡以发送事件

ua_boaz
<uib-tabset type="tabs">
  <uib-tab heading="Event Workflow Activities">
    <div ng-include src="'webapp/event/EventWorkflowActivities.tpl.html'"></div>        
  </uib-tab>
</uib-tabset>

我正在使用上述的UI Bootstrap选项卡,在选项卡之间切换时,是否有任何方法可以广播事件?

恩维格

您可以使用选项卡上的select属性在执行广播的控制器中执行功能。像这样:

<uib-tabset type="tabs">
    <uib-tab heading="Event Workflow Activities" select="tabSelected()">
            <div ng-include src="'webapp/event/EventWorkflowActivities.tpl.html'"></div>        
    </uib-tab>
</uib-tabset>

像上面一样添加select属性,该属性指向控制器中的函数。我将此命名为一个tabSelected();

现在在您的控制器中创建函数:

$scope.tabSelected = function () {
    //Broadcast or emit your event here.

    // firing an event upwards
    $scope.$emit('yourEvent', 'data');

    // firing an event downwards
    $scope.$broadcast('yourEvent', {
      someProp: 'value'
    });
};

请查看文档以获取更多信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何更改选项卡名称?

Bootstrap 4 悬停时更改选项卡

更改选项卡时如何调用子选项卡NativeBase中的函数

更改选项卡时如何获取Flutter ScrollController以保存ListView.builder()的位置?

Angular UI引导程序选项卡-无法使用选项卡内的按钮更改选项卡

MahApps更改选项卡时更改LeftWindowCommands项目

jQuery事件用于更改选项卡

以编程方式更改选定的jQuery UI选项卡?

更改选项卡时,TabNavigator 会跟踪所有选项卡

闪亮:单击图像时更改选项卡

更改选项卡时关闭以模态显示的 ViewController

更改选项卡时继续计时器

角形更改选项卡顺序

按钮更改选项卡

Android:如何更改选项卡布局中单个选项卡的宽度?

如何在反应物料选项卡中从父级更改选项卡

如何更改选项卡布局中所选选项卡的形状?

在TabControl中更改选项卡时,UI中未更新对ItemsControl的ItemsSource的更改

如何在NetBeans中更改选项卡图标?

如何使用$ stateProvider更改选项卡的内容?

如何更改选项卡布局的文本颜色?

如何在QPlainTextEdit中更改选项卡的宽度

Bootstrap 3 jQuery事件,用于活动选项卡更改

当用户更改选项卡并返回时停止触发事件侦听器

TabCard 事件,当用户有更改选项卡的意图时

UI Bootstrap:在更改选项卡之前执行特定功能

如何在Materials-UI中更改选项卡组件的大小?

JavaFX中选项卡关闭时的两次选项卡更改事件

在Powershell中转换为JSON时如何更改选项卡宽度