首页 / JAVASCRIPT / javascript-使用Angular ng-show显示div

javascript-使用Angular ng-show显示div

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-使用Angular ng-show显示div，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1007字，纯文字阅读大概需要2分钟。

内容图文

我在ng-show和$pristine中遇到了一些问题.

这是代码(also on CodePen)：

<blockquote ng-show="!comment.author.$pristine && !comment.rating.$pristine && !comment.comment.$pristine">
    <p>{{comment.rating}} Stars</p>
    <p>{{comment.comment}}</p>
    <footer>{{comment.author}}
</blockqoute>

填写表单上的每个字段后,我想显示包含重复项的div,但是我希望在某些仍为空的情况下将其隐藏.

我尝试使用

!comment.[index].$pristine && ....

因此,当每个字段都已填满时,blockquote将变为可见,但无效.

解决方法:

嘿,您要进行的操作的主要问题是,当用户在最后一个文本框中填充任何随机数据时,在填充字母的那一刻,div就会对他可见-尽管您对代码进行了任何改进.

我的建议是-在数据填充后要显示的那部分使用ng-show =“ whatever”.

在控制器开始的开头,将其设置为false $scope.whatever = false;.现在用户将看不到它；当用户填满所有文本框时,调用触发器并检查数据是否有效,然后$scope.whatever = true; -现在您的部分将可见.

要调用触发器,您可以做各种事情
-您可以在最后一个文本框中使用ng-change,并使用其特定的模型名称在其中检查所有文本框的值,希望您知道这一点.

让我知道是否需要进一步澄清.

内容总结

以上是互联网集市为您收集整理的javascript-使用Angular ng-show显示div全部内容，希望文章能够帮你解决javascript-使用Angular ng-show显示div所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/682216.html

来源：【匿名】