带动态标志的角ng隐藏

Question

我有一个表，其中具有基于字段值之一的行分组。 分组正在工作。 我正在使用ng-hide展开和折叠。 默认情况下，我希望第一个组扩展而其他组收缩。 我正在使用ng-hide="flag"类的标志变量。

此标志导致所有组扩展或折叠。

我可以根据ng-hide动态运行情况在运行时有条件地设置此标志。 我尝试添加一个javascript函数，并在ng-hide =“ funct（）”中调用它，但该方法无效。

<tbody ng-repeat="group in $groups" class="ng-cloak"  >
      <tr  >
           <td class="ng-cloak"  >

               <a href="" ng-click="flag = !flag" >
            <span ng-show="flag"><i class="icon-fixed-width">&#xf067;</i></span>
    <span ng-show="!flag"><i class="icon-fixed-width">&#xf068;</i></span>

                </a>
                {{group.value}}
            </td>
        </tr>
         <tr   ng-hide ="flag" ng-repeat="x in group.data | filter:query| orderBy:predicate:reverse " >

</tr>
</tbody>

Answer 1

您可以使用ng-init指令通过函数调用来初始化标志：

<tr ng-init="flag = someFunction()">

这是一个jsfiddle来演示此示例。
这是使用您的标记的更新的演示： http : //jsfiddle.net/gion_13/dTPvE/2/ 。

Answer 2

您可以使用$ index og ng-repeat。 有不同的变量ng-repeat，$ index，$ first，$ last等等。

ng-hide =“ $ index == 1”

Answer 3

像这样使用ng-init ：

<tbody ng-repeat="group in $groups" class="ng-cloak" ng-init="flag = !$first">

小提琴： http ： //jsfiddle.net/dTPvE/4/