ionic 中 show 的用法

ionic 中 show 的用法
在ionic开发中，show指令是一个非常常用的指令，它主要用于控制页面元素的显隐，本文将从以下几个方面详细介绍show指令的用法。

1. 基本用法
show指令的使用非常简单，只需要在需要控制的元素上使用
show指令，例如：
```html
<ion-item show="showItem">这是一个元素</ion-item>
```
在上面的代码中，show指令的属性值为showItem，即当showItem的值为true的时候，这个元素会被显示出来。

2. 使用表达式
除了可以直接使用Boolean值来控制元素的显隐外，show指令还支持使用表达式来控制元素的显隐，例如：
```html
<ion-item show="name.length > 0">这是一个元素</ion-item>
```
上面的代码中，show指令的属性值为name.length > 0，即当name的长度大于0的时候，这个元素会被显示出来。

3. 使用$showAction函数
$showAction是AngularJS的内置函数，可以用来控制元素的显
示和隐藏，show指令也可以使用$showAction函数来控制元素的显隐，例如：
```html
<ion-item ng-click="toggleItem()">这是一个元素</ion-item>
<ion-item show="$showAction(showItem)">这是另一个元素</ion-item>
```
在上面的代码中，第一个元素会绑定一个ng-click事件，当触发这个事件的时候，会调用toggleItem函数并改变showItem的值，第二个元素的show指令的属性值为$showAction(showItem)，即当showItem的值为true的时候，这个元素会被显示出来。

4. 组合使用
show指令也可以和其他指令一起使用，例如结合ng-repeat指令使用，例如：
```html
<ion-item ng-repeat="item in items"
show="item.show">{{}}</ion-item>
```
在上面的代码中，在ng-repeat指令中使用show指令，即当item的show属性为true的时候，这个元素会被显示出来。

总结：
show指令是ionic中一个非常常用的指令，主要用于控制页面元素的显隐，其使用非常简单，可以直接使用Boolean值来控制元素显隐，支持使用表达式和$showAction函数来控制元素显隐，同时可以和其他指令一起使用，例如ng-repeat指令。

在实际开发中，show指令是一个非常实用的指令。