Question

我正在尝试遵循有关IntersectionObserver API的各种教程，例如this one。

将示例代码添加到组件的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);

Angular 7 / Typescript中的交点观察器

1 个答案: