<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button>
ng-show应用了display: none或display: block属性，但我想应用visibility: hidden和visibility: visible属性.
<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button>
ng-show应用了display: none或display: block属性，但我想应用visibility: hidden和visibility: visible属性.
100
当只有disableTagButton为TRUE时，这将向按钮添加类myclass，如果disableTagButton为FALSE，则myclass将从按钮中移除
传递到ng-class的表达式可以是表示空格分隔的类名的字符串、数组或类名到布尔值的映射.
1 - space delimited class names
.. ng-class="{strike: deleted, bold: important, red: error}"..
2 - an array个
.. ng-class="[style1, style2, style3]"..
样式1、样式2&；style3是css类查看下面的演示了解更多信息.
2 - expression
.. ng-class="'my-class' : someProperty ? true: false"..
如果存在someProperty，则添加.my-class，否则将其删除.
如果
ng-class中的CSS类名称用短划线分隔，则需要将其定义为字符串，如.. ng-class="'my-class' : ..；否则，您可以将其定义为字符串，也可以不将其定义为.. ng-class="myClass : ..
<button id="tagBtnId" name="TagsFilter" ng-class="{'myClass': disableTagButton}">Tags</button>
<style>
.myClass {
visibility: hidden
}
</style>
100
表达式将[ng-style][2] eval传递给一个对象，该对象的键是CSS样式名称，值是这些CSS键的对应值.
例如:
.. ng-style="{_key_ : _value_}" ... => _key_ is the css property while _value_ set the property value. Ex => .. ng-style="{color : 'red'}" ...
如果您使用类似
background-color的内容，那么它不是对象的有效键，那么需要将其引用为.. ng-style="{'background-color' : 'red'}" ...，与ng-class相同.
<button id="tagBtnId" name="TagsFilter" ng-style="disableTagButton">Tags</button>
那你的disableTagButton元应该是
$scope.disableTagButton = {'visibility': 'hidden'}; // then button will hidden.
$scope.disableTagButton = {'visibility': 'visible'}; // then button will visible.
因此，您可以通过更改$scope.disableTagButton来更改按钮的可见性.
或者您可以将其用作内联表达式，
ng-style="{'visibility': someVar ? 'visible' : 'hidden'}"
如果为someVar，则计算结果为true，然后将可见性设置为visible，否则将可见性设置为hidden.