2015-05-19 83 views
0

我正在爲用戶構建日期選擇器以輸入其年齡。這是三個下拉列表(年,月,日),我一直使用ng-hide來防止用戶輸入無效日期(2月30日)或日期,這意味着用戶未滿18歲。ng-hide不適用於iOS設備上的選項元素

示例:如果用戶選擇1997年,則從6月到12月的月份將被隱藏,並且從明天到月底的日期也將被隱藏 - 因此用戶無法輸入意味着日期他們年齡不足。

這一切在桌面和Android設備上正常工作,但是,當我在iPhone上測試時,我發現在任何情況下下拉菜單中的選項都不隱藏。我在下面提供了一個小提琴來說明我的觀點。問題是...這是iOS設備的一個衆所周知的問題還是我忘記了一些東西?

http://jsfiddle.net/adamjld/oousahsg/1/

+0

嘗試刪除此部分中的大括號:'ng-hide =「year == over18Year && {{$ index + 1}}' – devqon

+0

似乎沒有任何區別,我很害怕! – adamjld

回答

1

與NG-如果代替NG-顯示嘗試。不確定CSS選項元素是否真的支持css顯示屬性,並且這是ng-show所基於的。無論如何,iOS似乎不是這種情況。

無論如何,正確的做法是在您的選擇上使用ng選項,並在用戶更改其他字段時動態重新計算選項列表。

+0

是的,你是對的,iOS在選擇選項上的顯示屬性並不能很好地發揮作用,改變了這一點,以使用ng-options和自定義過濾器,現在似乎可以在所有設備上工作:) – adamjld

相關問題