如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

用户名

我正在使用Angular Bootstrap UI来显示选项卡集。我包含的脚本是ui-bootstrap-tpls-0.6.0.min.js和一些模板html文件。

这是我的标记:

<tabset>
    <tab ng-hide="!hideme">
        <tab-heading>
            tab1
        </tab-heading>
        <div>
            tab content 1
        </div>
    </tab>
    <tab ng-hide="hideme">
        <tab-heading>
            tab2
        </tab-heading>
        <div>
            tab content 2
        </div>
    </tab>
</tabset>

这是我的控制器

function myController($scope) {
    $scope.hideme = true;
});

该代码不起作用(第二个选项卡不隐藏)。将ng属性应用于自定义指令有什么收获?

zs2020

tab指令创建了一个新的作用域,因此需要使用它$parent来访问模型。尝试

ng-hide="$parent.hideme"

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

来自分类Dev

Bootstrap选项卡未隐藏在ng-show中

来自分类Dev

如何从angular-ui选项卡选择中触发ng-show功能

来自分类Dev

Angular UI Bootstrap选项卡+ ng-include

来自分类Dev

使用ng-show时,ui-bootstrap选项卡显示不正确的选项卡内容

来自分类Dev

使用Angular UI / Bootstrap UI隐藏选项卡标题

来自分类Dev

AngularJS和UI-Bootstrap选项卡,使用ng-class修改选项卡

来自分类Dev

使用Angular UI Bootstrap在动态创建的选项卡上设置活动选项卡

来自分类Dev

如何使用Angular和Bootstrap中的“全部”选项卡进行选项卡导航?

来自分类Dev

用于bootstrap-ui选项卡的AngularJS ng-repeat

来自分类Dev

如何在AngularJS中通过按钮使用ng-show和ng-hide

来自分类Dev

将Angular-UI引导程序的预输入ng模型放置在选项卡中时无法按预期工作

来自分类Dev

清除Angular Bootstrap UI选项卡集内与textarea相关联的ng模型,形成一个外部按钮

来自分类Dev

如何隐藏 Bootstrap 选项卡内容?

来自分类Dev

angular ui bootstrap选项卡组件:未单击选项卡处于活动状态时如何获取选项卡内容

来自分类Dev

使用选项卡导航时Chrome Windows中的Angular ng-select bug

来自分类Dev

带有ng-repeat的有角ui-bootstrap:如果没有选项卡,则不会选择新选项卡

来自分类Dev

angular.js:使用ng-hide或ng-show隐藏JSON数据的最后两个元素

来自分类Dev

如何在更改YouTube视频时使用ng-hide / ng-show或ng-style

来自分类Dev

Angular JS使用ng-show隐藏Jquery Multiselect的某些选项

来自分类Dev

Angular Bootstrap中的选项卡

来自分类Dev

在选择框选项上使用ng-hide或ng-show

来自分类Dev

使用ng-hide / ng-show隐藏<ion-nav-buttons>

来自分类Dev

Angular-Bootstrap UI选项卡:“删除”选项卡选项

来自分类Dev

AngularJS中的ng-hide和ng-show

来自分类Dev

单张图例中的ng-hide和ng-show

来自分类Dev

可以在Angular 1.4.8中为ng-show / ng-hide设置动画吗?

来自分类Dev

带ng-hide的Angular Bootstrap Alert

来自分类Dev

如何在一格中声明ng-show和ng-hide

Related 相关文章

  1. 1

    如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

  2. 2

    Bootstrap选项卡未隐藏在ng-show中

  3. 3

    如何从angular-ui选项卡选择中触发ng-show功能

  4. 4

    Angular UI Bootstrap选项卡+ ng-include

  5. 5

    使用ng-show时,ui-bootstrap选项卡显示不正确的选项卡内容

  6. 6

    使用Angular UI / Bootstrap UI隐藏选项卡标题

  7. 7

    AngularJS和UI-Bootstrap选项卡,使用ng-class修改选项卡

  8. 8

    使用Angular UI Bootstrap在动态创建的选项卡上设置活动选项卡

  9. 9

    如何使用Angular和Bootstrap中的“全部”选项卡进行选项卡导航?

  10. 10

    用于bootstrap-ui选项卡的AngularJS ng-repeat

  11. 11

    如何在AngularJS中通过按钮使用ng-show和ng-hide

  12. 12

    将Angular-UI引导程序的预输入ng模型放置在选项卡中时无法按预期工作

  13. 13

    清除Angular Bootstrap UI选项卡集内与textarea相关联的ng模型,形成一个外部按钮

  14. 14

    如何隐藏 Bootstrap 选项卡内容?

  15. 15

    angular ui bootstrap选项卡组件:未单击选项卡处于活动状态时如何获取选项卡内容

  16. 16

    使用选项卡导航时Chrome Windows中的Angular ng-select bug

  17. 17

    带有ng-repeat的有角ui-bootstrap:如果没有选项卡,则不会选择新选项卡

  18. 18

    angular.js:使用ng-hide或ng-show隐藏JSON数据的最后两个元素

  19. 19

    如何在更改YouTube视频时使用ng-hide / ng-show或ng-style

  20. 20

    Angular JS使用ng-show隐藏Jquery Multiselect的某些选项

  21. 21

    Angular Bootstrap中的选项卡

  22. 22

    在选择框选项上使用ng-hide或ng-show

  23. 23

    使用ng-hide / ng-show隐藏<ion-nav-buttons>

  24. 24

    Angular-Bootstrap UI选项卡:“删除”选项卡选项

  25. 25

    AngularJS中的ng-hide和ng-show

  26. 26

    单张图例中的ng-hide和ng-show

  27. 27

    可以在Angular 1.4.8中为ng-show / ng-hide设置动画吗?

  28. 28

    带ng-hide的Angular Bootstrap Alert

  29. 29

    如何在一格中声明ng-show和ng-hide

热门标签

归档