【问题标题】:ngHide not working as expected within a ngRepeater [closed]ngHide 在 ngRepeater 中无法按预期工作 [关闭]
【发布时间】:2015-03-14 06:41:49
【问题描述】:

我有一个页面,上面有 2 个日期框。在此之下,我有一个显示项目的 ngRepeater,它又具有按钮或锚标签(可点击事件)。每个中继器行有大约 5-6 个项目。中继器位于表结构 (tr ngRepeat) 内。

要求是,根据输入的日期,系统将与当前日期进行比较,并在该行显示/隐藏特定项目。

如果我先输入日期然后填充 ngRepeater,一切正常,但如果我先填充 ngRepeater 然后更改日期,通常当您更改日期并在日期控件上按 TAB 时,该元素被隐藏在中继器中。 如果您使用 datepicker 更改日期,则必须单击中继器上的某个元素才能看到更改。

我认为摘要和 DOM 操作可能会导致这种行为。 有什么办法可以解决这个问题吗?

在这个简单的 plunkr 编辑中,它运行良好 - Sample Plnkr Code

ng-if

【问题讨论】:

  • 你有这方面的 plnkr/fiddle 吗?
  • 请分享一些代码...
  • 尝试使用 ng-if 代替 ng-hide..
  • 对不起,受限代码,公司政策,不能分享,不过会试试
  • @Ved - 试过 ng-if,同样的问题

标签: jquery angularjs html angularjs-ng-repeat


【解决方案1】:

设置一个变量 - var dateRange = {dateFrom:'', dateTo:''},然后在 html <date-picker date='dateRange.dateFrom'></date-picker> 中的日期选择器控件上使用该日期,然后在日期范围内设置一个 $watch 事件并相应地更新客户端模型值。

【讨论】:

    猜你喜欢
    • 2021-12-04
    • 2018-01-08
    • 2015-01-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-23
    • 2014-12-09
    • 2016-01-13
    相关资源
    最近更新 更多