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

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

ng-click和ng-show操作通过myDiscuss控制器进行


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文件,请查看插件链接。

有用和回复链接位于reply-link.html文件中

最佳答案

这是一个柱塞: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)的新功能,您可以在其中将有用的变量每次单击增加一。当然,您需要确保一个用户只能单击一次,但仅举例来说:)

09-27 13:38