AngularJS 按钮显示/隐藏评论框

Question

我一直在学习 AngularJS 并决定用它来做我的项目，我需要一个按钮的帮助。 我正在制作一个博客平台，我想对帖子发表评论。

这是我的帖子：

我想要做的是，当我单击“评论”按钮时，在两个帖子之间切换评论框（下面还有另一个帖子），我可以在其中输入评论，当我提交评论时，该框就会消失。

我希望我说清楚了。如果需要，我可以提供任何必要的代码。 谢谢你。

Answer 1

代码会很有帮助，这样人们就可以引用您需要修改的确切 html 元素。

我也一直在学习 Angular，我相信你需要做的是在评论部分使用 ng-show 指令。像这样的东西：

<div class="comments" ng-show="add-comment">
....
</div>

add-comment 需要是一个布尔变量，或者是一个在评论/博客控制器中解析为布尔 true/false 的表达式。

ngShow 指令 - API 参考： https://docs.angularjs.org/api/ng/directive/ngShow

这里有一个由 codeacademy 提供的关于 Angular 的很棒的（免费）教程，它详细介绍了如何在几乎相同类型的上下文中执行此操作。 http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro

Answer 2

对于这种类型的行为，您可以使用指令 ng-click 来管理按钮上的单击事件，并使用 ng-show 指令来隐藏和显示要显示的控件或部分。 ng-show 根据提供给 ngShow 属性的表达式显示或隐藏给定的 HTML 元素，通过在元素上删除或添加 .ng-hide CSS 类来显示或隐藏该元素。因此，您可以在模板中使用该指令，如下所示：

 <button ng-click="showCcommentWrapper = true">Comment</button>
 <div ng-show="showCcommentWrapper">
    Comment Wrapper
    <button ng-click="showCcommentWrapper = false"> Submit Comment</button>
 </div> 

Answer 3

多么棒的帖子啊，我刚刚从头到尾读了你的博客文章，一个内容丰富的博客。我总是喜欢阅读高质量的内容以及我在你的帖子中找到的东西。我很感谢你发这篇文章。如果您正在寻找大诺伊达的室内设计师，请访问我们的网站。