AngularJs 中隐藏的可见性？

<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button>

ng-show应用display: none or display: block房产 但我想申请visibility: hidden and visibility: visible财产。

您可以使用ng-class https://code.angularjs.org/1.3.20/docs/api/ng/directive/ngClass or ng-style https://code.angularjs.org/1.3.20/docs/api/ng/directive/ngStyle指令如下

ng-class https://code.angularjs.org/1.3.20/docs/api/ng/directive/ngClass

这将添加类myclass仅当disableTagButton是真的，如果disableTagButton那么是假的myclass将从按钮中删除

表达式传递给ng-class https://code.angularjs.org/1.3.20/docs/api/ng/directive/ngClass可以是表示以空格分隔的类名的字符串、数组或类名到布尔值的映射。

1 - 空格分隔的类名

.. ng-class="{strike: deleted, bold: important, red: error}".. 

2 - 一个数组

.. ng-class="[style1, style2, style3]".. 

style1、style2 和 style3 是 css 类，请查看下面的演示以获取更多信息。

2 - 表达

.. ng-class="'my-class' : someProperty ? true: false".. 

if someProperty存在然后添加.my-class否则将其删除。

如果css类名在ng-class是破折号分隔的那么你需要将它定义为字符串.. ng-class="'my-class' : ..否则你可以将其定义为字符串或不定义为.. ng-class="myClass : ..

ng级DEMO http://plnkr.co/edit/Y1E0G9Gdh5QK5AU29wSW?p=preview

<button id="tagBtnId" name="TagsFilter" ng-class="{'myClass': disableTagButton}">Tags</button>

<style>
   .myClass {
       visibility: hidden
    }
</style>

ng-style https://code.angularjs.org/1.3.20/docs/api/ng/directive/ngStyle

表达式通过[ng-style][2]evals 为一个对象，其键是 CSS 样式名称，值是这些 CSS 键的对应值。

EX:

.. ng-style="{_key_ : _value_}" ... => _key_是 css 属性，而_value_设置属性值。例如=>.. ng-style="{color : 'red'}" ...

如果你使用类似的东西background-color那么它不是对象的有效键那么它需要被引用为.. ng-style="{'background-color' : 'red'}" ...与 ng 级相同。

<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'}"

is someVar评估为 true 然后可见性设置为visible否则可见性设置为hidden.