时间戳

首页 > 解决方案 > Angular 7/Typescript 中的交叉点观察器

angular - Angular 7/Typescript 中的交叉点观察器

问题描述

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

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

我在这里想念什么？

标签： angulartypescriptintersection-observer

解决方案

关于错误A class member cannot have the 'const' keyword.ts(1248)，您正在const myImg = ...上课。声明时不必有 const ，应该这样做 myImg = document.querySelector('.animate-me');

我认为错误error TS2300: Duplicate identifier 'observer'.是因为您调用了一个属性并且还调用observer了一个参数。IntersectionObserverobserver

以下代码应该可以工作：

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

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

observer.observe(myImg);

推荐阅读