ngHide 在 ngRepeater 中没有按预期工作
ngHide not working as expected within a ngRepeater
我有一个页面,上面有 2 个日期框。在其下方,我有一个显示项目的 ngRepeater,它又具有按钮或锚标记(可点击事件)。每个中继器行有大约 5-6 个项目。转发器在 Table 结构中 (tr ngRepeat).
要求是,根据输入的日期,系统将与当前日期进行比较,并将show/hide该行的特定项目。
如果我先输入日期然后填充 ngRepeater,一切正常,但如果我先填充 ngRepeater 然后更改日期,通常是在更改日期并在日期控件上按 TAB 键控制该元素隐藏在中继器中。
如果您使用日期选择器更改日期,则必须单击中继器上的某个元素才能看到更改。
我认为摘要和 DOM 操作可能会导致此行为。
有什么办法可以解决这个问题吗?
在这个简单的 plunkr 编辑中,它工作正常 - Sample Plnkr Code
ng-if
设置一个变量 - var dateRange = {dateFrom:'', dateTo:''}
,然后在 html <date-picker date='dateRange.dateFrom'></date-picker>
中的日期选择器控件上使用该日期,然后在日期范围内设置一个 $watch
事件并更新相应的客户端模型值。
我有一个页面,上面有 2 个日期框。在其下方,我有一个显示项目的 ngRepeater,它又具有按钮或锚标记(可点击事件)。每个中继器行有大约 5-6 个项目。转发器在 Table 结构中 (tr ngRepeat).
要求是,根据输入的日期,系统将与当前日期进行比较,并将show/hide该行的特定项目。
如果我先输入日期然后填充 ngRepeater,一切正常,但如果我先填充 ngRepeater 然后更改日期,通常是在更改日期并在日期控件上按 TAB 键控制该元素隐藏在中继器中。 如果您使用日期选择器更改日期,则必须单击中继器上的某个元素才能看到更改。
我认为摘要和 DOM 操作可能会导致此行为。 有什么办法可以解决这个问题吗?
在这个简单的 plunkr 编辑中,它工作正常 - Sample Plnkr Code
ng-if
设置一个变量 - var dateRange = {dateFrom:'', dateTo:''}
,然后在 html <date-picker date='dateRange.dateFrom'></date-picker>
中的日期选择器控件上使用该日期,然后在日期范围内设置一个 $watch
事件并更新相应的客户端模型值。