私は angularjs にかなり慣れていないので、奇妙なバグに遭遇しました。
CSSとHTMLでタイムラインを作り、それng-repeatを動的に生成していました。ただし、Webkit ブラウザーでは、タイムラインが正しく表示されません。
残念ながら、私のアカウントは新しいため、投稿に画像を埋め込むことができないため、ここにアップロードしました:
Webkit レンダリング http://i.imgur.com/Gdt2h5F.png
ただし、ウィンドウのサイズを変更したり、コンソールを開いたり、CSS プロパティを変更したりすると、タイムラインが正常に表示されるようになります: http://i.imgur.com/5yCXSfs.png
また、リフローを必要とせずに、Firefox または Safari でも問題なく動作します。
を調べました$scope.$applyが、角度を使用して値を生成しているため、それは機能しません。そのため、それを呼び出すことはできず、とにかく角度によって自動的に呼び出される必要があります。
<ul><li></li></ul>手動で作成すると、タイムラインが正しく表示されることに注意してください。
コードサンプルは次のとおりです。
<h1>Relevés</h1>
<ul>
<li ng-repeat="batch in batches track by batch.id">
<span class="date" ng-bind="batch.createdAt | amDateFormat: 'DD/MM/YY'"></span>
</li>
</ul>
また、このバグが発生すると、ページを変更したときにタイムラインのアーティファクトが他の部分ビューに表示されます。これは Chrome でのみ発生します (拡張機能なし)。