Javascript 角度ng显示指令不'；按钮不起作用

我有angular.js web应用程序和btn组，如：

<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>

---

以下是您的示例。它适用于我在btn组的工作

我刚刚使用Angular v1.2.2遇到了这个问题

似乎引导的.hidden xs的样式规则是：

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

重写Angular（v1.2.2）注入的内联样式表中.ng hide的样式规则（可能还有.ng show）

---

由于目前还没有更好的解决方案，可以在文档、样式表或其他方式中添加所需的角度样式表或特定规则。（然后，如果更改了Angular的版本，请检查样式规则的更改）。如果有人有更合适的解决方案，请随意提供。

引导'

。隐藏的xs

类为可见元素添加了

显示：块

，该块打破了angular的

ng show

和

ng hide

类

相反，请使用自定义的

。my hidden xs

类：

// 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>

//my-style.css
@介质（最大宽度：767px）{
.我的隐藏X{
显示：无！重要；
}
}
//index.html

我也遇到了这个问题。最后，我发现我在自己的CSS文件中将样式“visibility:hidden”设置为div。因此，无论我如何更改ng show中的表达式，div始终是隐藏的。这意味着始终应用您自己样式中的可见性样式，angularjs永远不会更改此css属性值。要使用ng show/ng hide，首先需要确保不要向DOM元素添加任何显示/隐藏样式，只需将控件交给angular即可。

尝试将

ng show

/

ng hide

替换为

ng if

。

---

应该这样做：）

您可以添加一个JSFIDLE来演示您的问题吗？

[ng\:cloak], [ng-cloak], [data-ng-cloak],
[x-ng-cloak], .ng-cloak, .x-ng-cloak,
.ng-hide {
    display: none !important;
}

// 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>