帶動態標志的角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/