角NG-秀指令不适用于按钮工作 [英] Angular ng-show directive doesn't work for button

问题描述

我喜欢在那里angular.js Web应用程序和BTN-组：

I have angular.js web application and btn-group in there like:

<div class="btn-group>
  <button class="btn btn-default hidden-xs">....</button>
  <button class="btn btn-default hidden-xs">....</button>
  <button class="btn btn-default hidden-xs">....</button>
</div>

我想隐藏按钮之一，并补充说：

I want to hide one of button and added:

<button ng-show="show_button">....</button>

和控制器中


$ scope.show_button = FALSE;


不过我看按钮。为什么？ NG-节目适用于整个 BTN-组而不是一个按钮。

But i see button. Why? ng-show works for whole btn-group but not for one button.

推荐答案

白手起家 .hidden-XS 类添加显示：块可见elemets打破角的 NG-节目和 NG-隐藏类。

bootstraps' .hidden-xs class adds display:block for visible elemets which breaks angular's ng-show and ng-hide classes.

相反，使用自定义的。我隐藏-XS 类：

Instead, use a custom .my-hidden-xs class:

// my-style.css
@media (max-width: 767px) {
    .my-hidden-xs {
        display: none !important;
    }
}

// index.html
<button class="btn btn-default my-hidden-xs" ng-show="show_button"></button>

这篇关于角NG-秀指令不适用于按钮工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！