Versteckte div auf ng Klick innerhalb ng-repeat

Question

$scope.editPostComment = false;

Wenn ich auf dem btn klicken sie die textarea in all den wiederholten Artikel zeigt, wenn ich es auf das geklickt zeigen wollen div nur!

Answer 1

Sie müssen eine ID für jede Zeile mit dem Index angeben und dann die Sichtbarkeit der Zeile basierend darauf erstellen.

function showEdit(id) { 
 
    vm.editPostComment = id; 
 

 
}

 
    
 
<div ng-repeat="row in rows track by $index"> 
 
    <div class="commentBox" ng-show = "editPostComment == $index" > 
 
     <textarea name="editor2" class="content-box allfilecomment" id="comment-box" focus-me="{{focusCommentBox}}" 
 
        ng-model="allCommentText" 
 
        markdown-editor="{'iconlibrary': 'fa', addExtraButtons: true, resize: 'vertical'}" 
 
        rows="10" > 
 

 
        </textarea> 
 
        <div class="hints"> 
 
         <span class="boldtext">**Bold**</span> 
 
         <span class="italictext">_itlaics_</span> 
 
         <span class="striktext">~~strike~~</span> 
 
         <span class="codetext">'code'</span> 
 
         <span class="codetext">'''preformatted'''</span> 
 
         <span class="quotetext">>quote</span> 
 
        </div> 
 
        <div id="comment-btns"> 
 
         <button class="btn btn-primary pull-left" ng-class="{'loading': commentig}" ng-disabled="commentig" ng-click="showEdit($index)">Edit</button> 
 
        </div> 
 
       </div> 
 
</div>