使用 Angular ng-show 显示 div

2024-01-13

我遇到一些问题ng-show and $pristine.

这是代码(也在 CodePen 上 http://codepen.io/edenlyriene/pen/wGvKKG):

<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 && ....

因此,当每个字段都被填充时,块引用将变得可见,但它不起作用。


嘿,你的主要问题是,当用户在最后一个文本框中填写任何随机数据时,当他填写一个字母时,div 将对他可见 - 尽管你对代码做了任何改进。

我的建议是——利用ng-show="whatever"对于填充数据后要显示的部分。

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

要调用触发器,您可以执行各种操作 - 你可以利用ng-change在最后一个文本框上,并使用其特定型号名称检查所有文本框的值,我希望您知道这一点。

如果您需要进一步说明,请告诉我。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Angular ng-show 显示 div 的相关文章

随机推荐

  • Java8 Lambda 和异常

    我想知道是否有人可以向我解释以下奇怪的现象 我正在使用 Java 8 更新 11 鉴于这个方法 private
  • 在运行时获取delphi记录中字段的偏移量

    给定一个记录类型 TItem record UPC string 20 Price Currency Cost Currency end 以及字段的名称作为字符串 如何获取该字段在记录中的偏移量 我需要在运行时执行此操作 要访问的字段的名称
  • 强制 git show 使用 vimdiff 显示 diff

    我该怎么做呢 通过进行更改后git config我可以使用 vimdiff 区分我的分阶段和提交的更改 但是当我这样做时git show我仍然看到旧的普通风格的差异 我该如何让它工作git show还有 尝试使用 git 别名 这是为了gi
  • conf.int 在 3.3 中不再使用 ggplot2、stat_summary

    我正在使用 conf int 在抖动图周围创建框 在将 R 升级到 3 3 之前 这种方法一直有效 是否有已知的修复方法 stat sum df all lt function fun geom crossbar stat summary
  • 如何防止 ckeditor 不在空白 html 标签中添加

    我在 Windows 8 1 操作系统中安装了 Visual Studio 2012 Express 并根据要求在我的项目中使用 CKEditor 我是 CKEditor 的新手 也以正确的方式使用它 但问题是通过在 CKEditor 中的
  • 调用 locale.strxfrm 时 Unicode 字符不在范围内

    我在使用时遇到奇怪的行为locale具有 unicode 输入的库 下面是一个最小的工作示例 gt gt gt x U0010fefd gt gt gt ord x 1113853 gt gt gt ord U0010fefd 0X10fe
  • Created_at 保存时区错误

    我有一个 laravel 应用程序 我正在尝试将用户签入和签出保存到我 的数据库中 我有一个模型Checkins我将其记录为created at和updated at 在我的本地主机上 它保存了我的时区 埃及 的正确时间 我尝试更改app
  • Paypal 地址覆盖不起作用

    我已经设置了一个查询字符串来将信息传递到贝宝 除了地址覆盖功能之外 所有工作都正常 它不会自动使用表格中发布的新地址更新送货地址 我希望能够覆盖现有帐户和新帐户 代码如下 queryString cmd xclick queryString
  • 对于 Windows 有 Win32 API,那么对于 Mac 呢?

    对于 Windows 有 Win32 API 那么对于 Mac 呢 在维基百科上 http en wikipedia org wiki Cocoa API http en wikipedia org wiki Cocoa 28API 29
  • 在 python 中配置根记录器

    我的 Django 设置中有以下日志配置 LOGGING version 1 disable existing loggers False formatters verbose format levelname s asctime s na
  • 无法使用 flutter 中的 SAS 令牌上传到 azure 存储

    我正在尝试使用 SAS 令牌将文件 数据上传到 azure 存储 我使用以下方法成功地在没有 SAS 令牌的情况下实现了这一目标 sendToBlob Uint8List bytes async var storage AzureStora
  • 使 Rails 缓存中的特定模型无效

    我使用 Rails 3 和 Memcached 来缓存一些模型 当模型更改时 我想使该记录的缓存失效 对于视图片段 我只是说expire fragment blah 如何对我的模型执行此操作 我不想说Rails cache clear并失去
  • 计时器错误 java.lang.IllegalStateException

    我试图显示一个标签 说明 JRE 8 中的所有内容仅在 3 秒内正确 因为我无法在 JRE 7 中使用 DatePicker 并且收到此错误 Exception in thread Timer 2 java lang IllegalStat
  • ruby 中 #entries 和 #to_a 之间的区别

    之间的基本区别是什么 entries and to a的方法Enumerableruby 中的模块 两者似乎都返回相同的结果Hash gt gt hash name gt foo age gt 23 gt name gt foo age g
  • 如何更新所使用的quarkus版本

    升级现有应用程序中使用的 quarkus 版本的推荐方法是什么 我查看了我的 pom xml 因为 quarkus 扩展没有指定使用的版本 我假设它们将根据主 quarkus 版本进行更新 与更新相关的属性是 quarkus plugin
  • ExtJS 4 MVC 视图的多个实例和子/子控制器的困难

    我在 ExtJS 4 中遇到了 MVC 模式的问题 至少 我认为我遇到过 在向多个人提出这个问题并在 Sencha 论坛上多次发帖后 我现在转向更广泛的受众 希望得到灯泡或确认 Problem 您的应用程序能够打开许多不同的视图 其中一些视
  • 数据 URI 的慢速页面

    我构建了一个脚本 用数据 URI 替换所有内联图像 以减少 http 请求并增加移动设备上的加载时间 不幸的是我的加载速度较慢 我认为这取决于 html 文件是否更大 大约 100kb 而不是大约 5 kb 或者数据 URI 是否有其他因素
  • 如何找到MySQL临时表存储引擎

    您好 我正在使用临时表 我想知道临时表存储引擎 InnoDB MyISAM 我正在使用以下代码来查找 但它没有向我显示存储引擎 engine SELECT ENGINE FROM information schema TABLES WHER
  • 推入用户编写的内核

    我是 Thrust 的新手 我看到所有 Thrust 演示文稿和示例仅显示主机代码 我想知道是否可以将 device vector 传递给我自己的内核 如何 如果是 那么内核 设备代码中允许对其进行哪些操作 正如最初编写的那样 Thrust
  • 使用 Angular ng-show 显示 div

    我遇到一些问题ng show and pristine 这是代码 也在 CodePen 上 http codepen io edenlyriene pen wGvKKG blockquote p comment rating Stars p