2016-03-15 3 views
-1

У меня есть настраиваемая директива, в которой я представляю значения в ней с помощью {{}}, но проблема в том, что перегрузка страницы я вижу там {{}} перед установкой значения. Я пытался использовать ng-плащ, но слишком плохо, что он не работает для меня. После googling я нашел статью, в которой говорится, что проблема может быть временной: это угловое время требует использования ng-cloak при загрузке большого содержимого. Это правильно? Нужно ли мне что-то менять в моих настройках? Есть ли значение, которое я должен передать в ng-cloak?Не удается заставить ng-cloak работать

Вот мой заказ директива

<button ng-click="myCtrl.clicked()" ng-hide="myCtrl.conditionOne" ng-disabled="myCtrl.conditionTwo" class="{{myCtrl.class}}" ng-cloak> 
    {{myCtrl.value}} 
</button> 
+0

Пожалуйста, включите код, который вызывает проблемы. Трудно сказать, что проблема без него. – ryanyuyu

+0

@ryanyuyu Я только что добавил свой код – HannaB

+0

Вы добавили соответствующие CSS-правила? – cverb

ответ

1

Обычно, когда ng-cloak "не работает", это из-за не имеющих сопутствующую CSS:

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

Да, я пробовал это и не работал! Может быть, это вопрос о сроках, о котором я читал? – HannaB

0

Прямо из angular docs:

Для получения наилучшего результата скрипт angular.js должен быть загружен в разделе заголовка html-документа Мент; в качестве альтернативы, правило css выше должно быть включено во внешнюю таблицу стилей приложения.

И это необязательно правило:

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