Javascript 切换回复、显示和隐藏回复。默认情况下，它们应该隐藏

从'@angular/core'导入{Component，OnInit}；
@组成部分({
选择器：“app-module1-7”，
templateUrl:'./module1-7.component.html'，
样式URL:['./module1-7.component.scss']
})
导出类模块17组件实现OnInit{
public replyBox=false；
公共txtcomment:string
公共txtcommentSub:字符串
公共显示：布尔值=假；
公共属性：number=-1；jsonObj={}；
公众柜台：号码；
公共子元素=false；
构造函数（）{
this.replyBox=false；
}
英雄=[{'comment'：'first comment'，'show'：false，'type'：'comment'，'show'：false，{'comment'：'type'：'comment'}，{'comment'：'third comment'，'show'：false，'type'：'comment'，'show'：false，'type'：'comment'，'comment'}，{'comment'：'fifth comment'，'show'，'false，'type'：'comment'}，{'comment'：'sixth comment'，'show'：false，'type'：'comment'}]；
addHero（newHero、val、index）{
//console.log（newHero）
如果（val==0）{
如果（新英雄）{
this.jsonObj['comment']=newHero
this.jsonObj['show']=false；
这是我的英雄们(
{
《评论》：新英雄，
"秀":假,，
“类型”：“注释”
});
this.txtcomment=''；
console.log（'new val'，this.heros）
}
}
否则{
newHero=newHero.replace（/“/g，”）；
newHero=newHero.replace（/（？：\r\n |\r |\n）/g'）；
var str='{“comment”：“+newHero+”，“show”：false，键入“：“reply”}”；
console.log（str）
this.heroses.splice（索引+1,0，JSON.parse（str））
this.txtcommentSub=''；
this.replyBox=false；
console.log（this.heroses）
}
}
小组委员会（一）{
this.replyBox=true；
if（this.heroses[this.prevClicked]&&this.prevClicked！=i）{
this.heros[this.prevClicked].show=false；
}
this.heroses[i].show=！this.heroses[i].show；
this.prev=i；
}
恩戈尼尼特（）{
this.replyBox=false；
这个计数器=3；
}
showMore（）{
this.counter=数字（this.counter）+3；
}
减（）{
this.counter=编号（this.counter）-3；
}  
}

.blog comment:：之前，
.博客评论：：之后，
.blog评论表单：：之前，
.blog评论表单：：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.博客评论{
//左：15%；
右：15%；
}
.博客评论{
列表样式类型：无；
填充：0；
}
.博客评论.发表评论{
边框：1px实心#eee；
边缘底部：20px；
左边距：85像素；
右边距：0px；
填充：10px 20px；
位置：相对位置；
-webkit边界半径：4px；
-moz边界半径：4px；
-o-边界半径：4px；
边界半径：4px；
背景：#fff；
颜色：#6b6e80；
位置：相对位置；
}
.发表评论{
边框：1px实心#eee；
边缘底部：20px；
左边距：85像素；
右边距：0px；
填充：10px 20px；
位置：相对位置；
-webkit边界半径：4px；
-moz边界半径：4px；
-o-边界半径：4px；
边界半径：4px；
背景：#fff；
颜色：#6b6e80；
位置：相对位置；
}
.TXT区域{
边界半径：4px！重要；
}
.发表评论{
边缘底部：20px；
左边距：66px；
右边距：-18px；
填充：10px 20px；
位置：相对位置；
-webkit边界半径：4px；
-moz边界半径：4px；
-o-边界半径：4px；
边界半径：4px；
位置：相对位置；
}
.blog comment.meta{
字体大小：13px；
颜色：#AAAAA；
垫底：8px；
边缘底部：10px！重要；
边框底部：1px实心#eee；
}
.博客评论ul.评论ul{
列表样式类型：无；
填充：0；
左边距：85像素；
}
.博客评论表{
左：15%；
右：15%；
填充顶部：40px；
}
.博客评论h3，
.博客评论表h3{
边缘底部：40px；
字号：26px；
线高：30px；
字号：800；
}
.发表评论：之后{
内容：''；
位置：绝对位置；
宽度：0；
身高：0；
左：自动；
右：-20px；
顶部：9px；
底部：自动；
边界：12px固体；
边框颜色：#fff透明透明#fff；
}
.链接{
右边距：5px；
}

讨论名称



Amrut Jadhav 2014年12月18日：回复


{{hero.comment}




Amrut Jadhav 2014年12月18日


{{hero.comment}



显示更多
较少的

希望这有帮助。已使用引导类。添加所有导入以使用此方法。运行代码段

#减去{
显示：内联；
}
.崩溃#负{
显示：无；
}
#加上{
显示：无；
}
.崩溃#加{
显示：内联；
}


切换列表