我的情况真的很奇怪。我正在使用Angular作为我的前端。有时当我打开我的网站时,所有下拉输入字段都会丢失它们的值,图标会消失,并且这个奇怪的空错误会出现在控制台中。然后当我刷新网站时,一切都恢复正常。这通常发生在我第一次打开网页时。
第一次访问:
刷新后:
请注意,刷新图标不再消失后,下拉输入会显示其值。
<%############################################################## OPTIONS/DATE %>
<div class="input-dual">
<div class="input-dual-inner">
<span>Datum polaska:</span>
<select ng-model="selectedYear" ng-options="year as year for year in years">
</select>
</div>
<div class="input-dual-inner">
<span style="opacity: 0; cursor: default">.</span>
<select ng-model='selectedMonth' ng-options='month as month.name for month in months'>
</select>
</div>
</div>
此数据是通过$http
请求从API获取的。
// Dates
$http.get('/dates').then(function(response){
$scope.years = response.data.years
$scope.months = []
for (var i = 0; i < 12; i++) {
$scope.months.push(response.data.months[i])
}
});
简而言之,首次访问时不会显示图标和值,页面刷新后一切正常。我该如何解决这个问题?
快速注释:在我按下F5之后拍摄了第一张截图,这是在头部加载图标并在左下角加载消息的原因。
快速注释2:前两个错误是可以忽略的,一个来自Angular脚本,我没有触及,另一个甚至出现在Google主页上。
编辑:
此屏幕截图显示了在heroku上的生产中发生的同样问题: