Angular8 实现电商网站放大镜效果

废话不多说，直接上干货~~~

其实很简单，只需要把js的写法稍加修改，迁移到ng上就可以了。

不过需要注意的是，ng8版本的@ViewChild做了一些小小的修改。

之前版本是这样的：

@ViewChild('Box')  box: ElementRef;

之后的版本是这样的：

@ViewChild('Box', { static: boolean }) box: ElementRef;

定义了一下模板属性【静态 or 动态】。

数值可以根据图片的大小来自行更改，其他的逻辑是固定的，是最典型的写法，如果哪位小伙伴有更简洁的方法，欢迎在下方讨论哦~~