Наблюдатель пересечения в Angular 7

Question

Я пытаюсь следовать различным учебным курсам по API IntersectionObserver, например this .

Добавление примера кода в файл TS моего компонента:

const myImg = document.querySelector('.animate-me');

observer = new IntersectionObserver((entry, observer) => {
  console.log('entry:', entry);
  console.log('observer:', observer);
});

observer.observe(myImg);

выдает ошибку:

ошибка TS2300: дубликат идентификатора «наблюдатель».

Кроме того, он жалуется на const myImg = document.querySelector('.animate-me');

Член класса не может иметь ключевое слово "const" .ts (1248)

что мне здесь не хватает?

Answer 1

Что касается ошибки A class member cannot have the 'const' keyword.ts(1248), вы делаете const myImg = ... внутри класса. Вы не должны иметь const, когда вы объявляете это, это должно сделать myImg = document.querySelector('.animate-me');

Я думаю, что ошибка error TS2300: Duplicate identifier 'observer'. в том, что у вас есть свойство, называемое observer, а параметр IntersectionObserver также называется observer.

Следующий код должен работать:

myImg = document.querySelector('.animate-me');

observer = new IntersectionObserver((entry, obs) => {
  console.log('entry:', entry);
  console.log('observer:', obs);
});

observer.observe(myImg);