如何在点击按钮时启用文本框

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> 

期待它可以帮助你