ボタンをクリックしてテキストボックスを有効にする方法

Question

データを印刷するのにng-repeatを使用しています。再生ボタンを1つ追加しました。

ボタンをクリックすると、すべての再生ボタンが有効になります。

ありがとうございました...！

コントローラコード

getForumOnIdAnswer(fAnsId); 
     function getForumOnIdAnswer (fAnsId){ 
      ForumRepository.getForumOnIdAnswer(fAnsId) 
      .then(function (response){ 
       scope.forumAnswer=response; 
      }, 
      function(errResponse){ 
       console.error('Error while fetching forumAnser'); 
      } 
      ); 
     }; 

htmlコードは

<div ng-repeat="forumAnswerData in forumAnswer"> 
        <div class="panel-group"> 
         <div class="panel panel-success"> 
          <div class="panel-heading"> 
           <a href="">{{forumAnswerData.farmer.firstName}}</a> 
           <div class="pull-right">{{ forumAnswerData.answerDate | 
            date:"MM/dd/yyyy 'at' h:mma" }}</div> 
          </div> 
          <div class="panel-body">{{forumAnswerData.answer}}</div> 
          <div class="panel-footer"> 
           <button type="button" class="btn btn-danger" ng-click="">Reply</button> 
          </div> 
         </div> 
        </div> 
       </div> 

Answer 1

それはこのようにする必要があります。テキストボックスを有効にするだけです。

<div ng-repeat="forumAnswerData in forumAnswer"> 
 
    <div class="panel-group"> 
 
    <div class="panel panel-success"> 
 
     <div class="panel-heading"> 
 
     <a href="">{{forumAnswerData.farmer.firstName}}</a> 
 
     <div class="pull-right">{{ forumAnswerData.answerDate | date:"MM/dd/yyyy 'at' h:mma" }}</div> 
 
     </div> 
 
     <div class="panel-body">{{forumAnswerData.answer}}</div> 
 
     <div class="panel-footer"> 
 
     <textarea ng-model="yourModel" ng-show="$index ==currentTextBox"></textarea> 
 
     <button type="button" class="btn btn-danger" ng-click="currentTextBox = $index">Reply</button> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 2

私は仕事だろうと思い、コードビューで独自のリピータを使用することです：

<div ng-repeat="forumAnswerData in forumAnswer" ng-init="forumAnswerData.buttonEnabled=false;"> 
        <div class="panel-group" ng-click="forumAnswerData.buttonEnabled=true"> 
         <div class="panel panel-success"> 
          <div class="panel-heading"> 
           <a href="">{{forumAnswerData.farmer.firstName}}</a> 
           <div class="pull-right">{{ forumAnswerData.answerDate | 
            date:"MM/dd/yyyy 'at' h:mma" }}</div> 
          </div> 
          <div class="panel-body">{{forumAnswerData.answer}}</div> 
          <div class="panel-footer"> 
           <button type="button" class="btn btn-danger" ng-click="" ng-disabled="forumAnswerData.buttonEnabled">Reply</button> 
          </div> 
         </div> 
        </div> 
       </div> 

それはあなた