javascript - 嵌套 ng-repeat 索引不起作用 ||嵌套 ng-click 不起作用

Question

如果我们创建两个或三个评论并对其进行多次回复，则“有用”链接在单击时会导致问题，它会对具有相同编号的索引执行 ng-click 操作，从而显示具有相同索引的所有文本。如何解决此嵌套问题，以便在单击链接时仅显示相应的文本

http://plnkr.co/edit/XS4Nro3sdIWMnopdgDYG?p=preview

ng-click 和 ng-show 操作通过 myDiscuss Controller 进行

var app = angular.module("myDiscuss", []);
app.controller("TabController", function($scope) {

  $scope.subTab = null;
  
  $scope.subLike=null;



  
  $scope.selectSubLike = function (setTab) {
      $scope.subLike=setTab;
  }
 
  $scope.selectSubTab = function(setTab){
    $scope.subTab = setTab;
  };
 
  $scope.isSelectedSub = function(checkTab){
    return $scope.subTab === checkTab;
  };

  $scope.isSelectedSubLike = function(checkTab){
    return $scope.subLike===checkTab;
  };

});

对于 html 文件，请查看 plunker 链接。

帮助和回复链接位于reply-link.html文件中

Answer 1

这是一个骗子:http://plnkr.co/edit/PQ36lMXR1YOs8DP7WXMk?p=preview

我所做的是添加helpful: 0评论和回复对象。还添加了<p ng-if="object.helpful">{{ object.helpful }} </p>到comment-section.html和reply-box.html

然后，当单击“帮助”时，添加了一个名为 increaseHelpful(object) 的新函数。每次点击时，有用变量就会增加一。当然，您需要使一个用户只能单击一次，但仅作为示例:)