Угловая оценка показывает-медленно

Question

Угловая оценка показывает-медленно

0

У меня есть простая проверка, которая оценивается в моем контроллере:

<span class="....." ng-show="!ruleHasAnsweredQuestions()">
    Please answer all questions</span>

В контроллере:

$scope.ruleHasAnsweredQuestions  = function() { return a+b+c>9; }

Это действительно медленное, хотя, взяв 1/2 секунды или около того, чтобы переоценить изменения "a", "b" или "c".

В общем смысле, как я могу ускорить пользовательский интерфейс, чтобы после изменения a, b, c пользовательский интерфейс обновлялся быстрее?

BahaiResearch.com 10 нояб. 2015, в 00:13

Источник

1

почему бы не использовать механизм проверки формы и показать, что когда пользователи попадают в конец страницы?
guilhebl 09 нояб. 2015, в 22:32
0

@guilhebl Требования к динамическому отображению значений при редактировании формы.
BahaiResearch.com 09 нояб. 2015, в 22:43
0

Что показывает профилировщик? Вы делаете кучу методов $digest() ? Как долго они принимают?
Ross Rogers 09 нояб. 2015, в 22:45
0

Можете ли вы сказать, что такое a, b, c и т. Д.?
harishr 10 нояб. 2015, в 03:51

Показать ещё 2 комментария

Теги:

angularjs

angularjs-controller

3 ответа

1

Вы можете добавить ng-cloak

<span class="....." ng-show="!ruleHasAnsweredQuestions()" ng-cloak>

Это предотвратит задержку.

Согласно документации углового js, ng-cloak работает, временно скрывая отмеченный элемент, и он делает это, применяя при этом стиль, который делает это:

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

greengrassbluesky 09 нояб. 2015, в 22:13

0

Использовать это. тест, выполненный в этом плунжере:

 <span  ng-show="(a+b+c) > 9">
  Please answer all questions
</span>

Kais 10 нояб. 2015, в 03:20

Ещё вопросы

почему бы не использовать механизм проверки формы и показать, что когда пользователи попадают в конец страницы?
@guilhebl Требования к динамическому отображению значений при редактировании формы.
Что показывает профилировщик? Вы делаете кучу методов $digest() ? Как долго они принимают?
Можете ли вы сказать, что такое a, b, c и т. Д.?

BahaiResearch.com · Accepted Answer · 2015-11-17T17-31-00.000Z

Оказывается, я добавил "Animate.css" и директиву "ngAnimate" к элементам, вызывающим двойную длинную анимацию.

Удаление Animate.css исправлено