LINUX.ORG.RU

AngularJs добавление отдельного скрипта

 ,


0

1

Есть код с со всеми известного AngularJS Phonecat В который я бы хотел добавить свой код:

const queryInput = document.getElementById('query_input');
const searhForm  = document.getElementById('query_form');
const queryUlSearch = document.getElementById('query_ul_search');

// При начале поиска дождно появляться окно выбора
document.getElementById('query_form').addEventListener('keydown', function(e){
    if (e.target.id == 'query_input') {
        console.log('alksdjflasdkjf');
    }
});
код был подключен обычным
 <script src="my_js.js"></script> 

И он не видит форму которая из phone-list.template.html Запускается через npm start Выдаёт ошибку

Uncaught TypeError: Cannot read property 'addEventListener' of null

Подскажите, что я делаю не так и как это исправить. Спасибо


Я правильно понял, что выше описанный код был добавлен отдельно подключенным скриптом и исполняется сразу после загрузки? Если так, то логично, что не будет работать.

Тут нужно понимать как строится dom и когда js видит элементы dom'а.

Если коротко, то этот код нужно добавить в компонент, в котором описана искомая форма.

EmgrtE ★★★ ()