Я столкнулся с точной same problem found in this question. Однако оба ответа не помогли мне.Как удалить задержку с инициализации ngShow? Когда ng-cloak терпит неудачу?
Видео моей проблемы: https://www.youtube.com/watch?v=ByjmwmamemM
Когда мое приложение загружает, есть несколько Popovers с нг-шоу проверки на всех из них. Они все начинают false
, однако на 3-4 секунды (долгое время) появляются всплывающие окна, затем исчезают.
В соответствии с ответом в вопросе, который я связал с выше, я должен попытаться загрузить Angular в верхней части главы, а если это не сработает, добавьте .ng-cloak
в мой CSS и в divs
.
Оба не работают :(
кто-нибудь еще запустить в эту проблему, прежде чем
Index.html:
<body ng-app="tickertags">
<div ui-view></div>
dashboard.html < - первый шаблон, загруженный в ui-view
<div ng-controller="DashCtrl">
<top-notification></top-notification>
<alerts-panel></alerts-panel>
<search-popover></search-popover>
<tags-search></tags-search>
<tags-filter></tags-filter>
<div class="dash-body" ng-click="bodyClick()">
<header>
<platform-header></platform-header>
<control-header></control-header>
<view-header></view-header>
</header>
<tickers-panel></tickers-panel>
<tags-panel></tags-panel>
<section id="panel-activity" class="activity-panel">
<chart-header></chart-header>
<chart-iq></chart-iq>
<social-media-panel></social-media-panel>
</section>
</div>
<overlay></overlay>
</div>
В Popovers:
searchPopover: (3-4 сек до сокрытия)
<div ng-show="searchPopoverDisplay" class="search-popover" ng-cloak>
tagSearchPopover: (3-4 секунды до сокрытия)
<div ng-show="tagsSearch.tagsFuzzyResults" class="tag-search-popover" ng-cloak>
tagFilterPopover: (< - это поповер исчезает быстрее, 0,5 сек)
<div ng-show="tagsFilterOn" class="tags-filter-popover" ng-click="captureClick()" ng-cloak>
нг-накидка
// ng-cloak
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none !important;
}
Скрыть их по умолчанию в css, а затем переопределить при угловых нагрузках. Задержка в 3-4 секунды может быть временем, которое требуется для извлечения и загрузки углов во всех других запросах, которые вы делаете (вы должны проверить свою сетевую панель). –
Спасибо, да, я думал, что это может быть путь ... вместо этого переключится на 'ng-class'. –
Вы хотите опубликовать ответ? Это сработало :) использовал 'ng-class':' .display-on { display: block! Important; непрозрачность: 1! Important; } ' –