Невозможно вызвать угловую функцию без setTimeout

Question

Я пытаюсь поддерживать Назад Функциональность. В нашем приложении мы решили поместить кнопку «Назад» и одним нажатием кнопки «Назад», я должен поддерживать все значения формы, которые пользователь выбрал или заполнил. Я делаю это в MVC с угловыми.

В форме мы разрешили пользователю выбирать цвет для выбранной мобильной модели. Таким образом, форма похожа на пользователь, который предложит выбрать модель телефона, а затем его цвет и, наконец, его емкость. Таким образом, это зависимые поля, которые будут включены, только если выбрано немедленное поле.

Цвет создается динамически.

В моем нижеследующем коде, который я привел ниже, для Цвет. Выбрав Color, я также включил необходимые возможности.

var elementName = modelName + '_Black'; 
var elementNameWithHash = '#' + elementName; 
angular.element(elementNameWithHash).trigger("click", elementName); 

ModelName будет передан ему на динамически.

Проблема здесь заключается в том, что код не запускается, чтобы вызвать щелчок для раздела «Цвет», чтобы его можно было отобразить как выделенное, и приведенный ниже раздел емкости включен.

Но этот код не будет выполняться до тех пор, пока я не буду украшать его SetTimeout метод, как это:

setTimeout(function() { angular.element(elementNameWithHash).trigger("click", elementName) }, 1); 

Я не могу понять, почему он показывает это странное поведение для меня.

Любой свет на это, был бы весьма признателен.

И, если мне нужно позвонить без setTimeout, что я должен сделать?

Answer 1

Похоже, что ваш код вызывается до загрузки страницы.

Угловые имеют свою собственную функцию для проверки на документе готов:

angular.element(document).ready(function() { 
    // Your code 
});