如何在點擊按鈕時啓用文本框

Question

我正在使用ng-repeat來打印數據。在這裏我添加了一個重播按鈕。基於回覆按鈕啓用重播按鈕下的文本框。

但當我點擊重播按鈕文本框啓用所有的重播按鈕。

謝謝......！

控制器代碼

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> 

期待它可以幫助你