如果我们创建两个或三个带有多个回复的评论,则单击“帮助”链接时会引起问题,它会对具有相同编号的索引执行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)
的新功能,您可以在其中将有用的变量每次单击增加一。当然,您需要确保一个用户只能单击一次,但仅举例来说:)