如何在angular.js中一键显示多个div答案

【问题标题】：How to display multiple div in one click in angular.js如何在angular.js中一键显示多个div
【发布时间】：2013-10-29 15:45:10
【问题描述】：

我有这样的html

   <div ng-controller="ClientCtrl">

        <div ng-show="shows">hello</div>

        <div ng-show="show">world</div>

        <button ng-click="show=!show">click</button>

     </div>

当我点击点击按钮时，我可以显示第二个 div (World) 。但是当我单击单击按钮时，我想同时显示两个 div。怎么办？

【问题讨论】：

正是我想要做的第二个 div 包含两个像这样的子 div
welcome to world

hello to world
...所以当我点击单击按钮我想显示第二个 div 的第一个 div 和第二个子 div .....所以输出应该是 hello hello to world ...

标签： javascript html css angularjs

【解决方案1】：

如果 div 需要显示在不同的变量上，那么你可以试试这个：

<button ng-click="show=!show;shows=!shows">click</button>

或者控制器中的一个函数。但是它们真的需要在不同的变量上显示吗？

【讨论】：

【解决方案2】：

试试这个：

<div ng-show="show">hello</div>

<div ng-show="show">world</div>

【讨论】：

【解决方案3】：

试试这个：

http://plnkr.co/edit/WKvAaX 类似于@karaxuna

【讨论】：