Angular实现点击按钮控制隐藏和显示功能示例

重构后的文章如下：

掌握Angular：点击按钮实现页面元素的隐藏与显示

你是否曾想过通过简单的点击按钮操作，就能控制页面元素的显示与隐藏？在Angular框架中，这一功能变得轻而易举。接下来，我将通过一个实例，向你展示如何在Angular中实现这一功能。

让我们看看实现后的效果预览。想象一下，你在网页上拥有两个区块，一个区块通过点击按钮可以实现隐藏和显示，另一个区块则通过另一种方式实现。这样的交互效果无疑能提升用户体验。

下面是具体的实现代码。HTML部分使用了Angular的指令ng-show和ng-class来控制元素的显示与隐藏。在JavaScript部分，我们定义了一个名为myCtrl的控制器，通过该控制器我们可以操作页面元素的状态。比如，当点击按钮时，通过fun函数我们可以切换区块的显示与隐藏状态。还有一个区块通过另一种方式实现显示与隐藏切换。

```html