Question

此问题显示的问题是，当＆lt; select＆gt;选项列表绑定到$ scope的某个值时，$ scope的摘要事件将导致打开的＆lt; select＆gt;闪烁。但是，我发现闪烁效果只发生在OS X上的Chrome 50上，即如果在OS X中我的Firefox或Windows中的Chrome上打开列表时出现$ digest，我将看不到闪烁。这会是Chrome的错误吗？如何防止这种影响？因为如果没有更改选项的元素，人们就不希望看到＆lt; select＆gt;元素眨眼。我正在研究一个可以用最少的代码在线看到效果的例子。我当前项目的一个例子如下。＆lt; select class =＆＃34; form-control＆＃34; NG-模型=＆＃34; application.choiceOfTeams [0]＆＃34; ng-options =＆＃34; team.name for team in team＆＃34;＆gt; ＆lt; option value =＆＃34;＆＃34;＆gt; - select team - ＆lt; / option＆gt; ＆LT; /选择＆GT; ＆lt; select class =＆＃34; form-control＆＃34; NG-模型=＆＃34; application.choiceOfJobs [0]＆＃34; NG-显示=＆＃34; application.choiceOfTeams [0] .JOBS＆＃34; ng-options =＆＃34; job.name for job.choiceOfTeams [0] .jobs＆＃34;＆gt; ＆lt; option value =＆＃34;＆＃34;＆gt; - 从{$ application.choiceOfTeams [0] .name $}选择位置 - ＆lt; / option＆gt; ＆LT; /选择＆GT;

Answer 1

这听起来和你链接的帖子一样。

似乎是这个错误：

https://bugs.chromium.org/p/chromium/issues/detail?id=613885

正如评论中所建议的，在select上设置转换为none已经解决了问题，在我的情况下（使用bootstrap）使用以下内容：

{"data":[{"message":"Delhi Convener Dilip Kumar Pandey addresses media on NDMC official MM Khan's Murder \n\nWatch and Share widely - https:\/\/www.youtube.com\/watch?v=Mw6qwZJz928","created_time":"2016-05-24T11:14:39+0000","id":"290805814352519_854949184604843"}],"paging":{"previous":"https:\/\/graph.facebook.com\/v2.6\/290805814352519\/feed?limit=1&since=1464088479&access_token=189770684754664|IC8JllfI0pjcDAx3lj7rSlAdPNw&__paging_token=enc_AdDbZCIZC3RToSKiDH1DKImBZBQ5Rw0lxsQkeZCZAB73jKPaOQk8JuVx7gSo1RqZAnLTxEXkZBZAczRXJ2d91zu52ZBh7amtucQSjZCVpMuyIkr0qbBCiz1QZDZD&__previous=1","next":"https:\/\/graph.facebook.com\/v2.6\/290805814352519\/feed?limit=1&access_token=app_id|secret_key&until=1464088479&__paging_token=enc_AdDbZCIZC3RToSKiDH1DKImBZBQ5Rw0lxsQkeZCZAB73jKPaOQk8JuVx7gSo1RqZAnLTxEXkZBZAczRXJ2d91zu52ZBh7amtucQSjZCVpMuyIkr0qbBCiz1QZDZD"}}

如果没有引导程序，或者没有使用.form-control类，只需删除.form-control选择器，并确保没有其他任何内容覆盖select元素的transition属性：

select.form-control { transition: none; }

Angular $ digest循环使Chrome 50打开<select>闪烁

1 个答案: