（AngularJS）ng-repeatの1つの要素に対して "ng-show"を真にする

Question

私はAngularで始まります。要素を "ng-repeat"に置き換え、他の人にはfalseにしますか？

私はこのコードで自分自身を説明します。

htmlファイル：

 <tbody ng-repeat="elem in List" ng-init="visible = false"> 
        <tr ng-class="elemSelected(elem)"> 
         <td colspan="3"> 
          <a href ng-click="clickElemScroll(Elem)" > 
          <span class="glyphicon" ng-class="visible? 'glyphicon-chevron-down' : 'glyphicon-chevron-right'"></span> 
          <strong>{{elem.name}} </strong> 
          </a> 
         </td> 
        </tr> 
        <tr ng-show="visible" > 
         blabla 
        </tr> 
</tbody> 

JSファイル：

$scope.clickElemScroll = function (elem) { 
        if ($scope.elemSelected === elem) { 
         $scope.visible = true 
        } 
       }; 

ご存知のように、問題はどのように、すべてのelemがスクロールされているがクリックした要素だけを表示させるには？

Answer 1

ngRepeatで使用する要素に新しいプロパティを設定できます。また、ng-classで何が起こっているのか分からないが、そこに関数を使用することはお勧めしない。あなたが選択したクラスを設定しようとしている場合は、ng-class="{'selected': elem.selected}"

<tbody ng-repeat="elem in List"> 
     <tr ng-class="elemSelected(elem)"> 
      <td colspan="3"> 
        <a href ng-click="elem.selected = !elem.selected"> 
        <span class="glyphicon" ng-class="visible? 'glyphicon-chevron-down' : 'glyphicon-chevron-right'"></span> 
         <strong>{{elem.name}} </strong> 
        </a> 
      </td> 
     </tr> 
     <tr ng-show="elem.selected"> 
      blabla 
     </tr>