$( new Image() ) 的 Angular jqlite 等价物或解决方案是什么？答案

【问题标题】：What is the Angular jqlite equivalent or solution for $( new Image() )?$( new Image() ) 的 Angular jqlite 等价物或解决方案是什么？
【发布时间】：2015-11-29 18:25:23
【问题描述】：

我创建了一个工厂来预加载图像。我在这家工厂的某个地方使用：

var image = $( new Image() )
                    .load(
                        function( event ) {
                            // Do Stuff
                        }
                    )
                    .error(
                        function( event ) {
                            // Do Stuff
                            );
                        }
                    )

此代码有效。但我正在努力从我的项目中删除 jQuery 库，并且完全依赖于使用 Angular 的内置 jqlite。

我试图自己找到解决方案，但我就是想不通。我需要 .load 和 .error 函数事件来正确捕获预加载状态。这是一个工厂，所以我不想在这里创建 DOM 元素。

有人对此有一个优雅的解决方案吗？

【问题讨论】：

标签： javascript jquery angularjs jqlite

【解决方案1】：

是的，这里根本不需要 jQuery。 vanila JS 中的等效代码是：

var image = new Image();

image.onload = function (event) {
    // Do Stuff
};

image.onerror = function (event) {
    // Do Stuff
};

image.src = src;

【讨论】：

我现在觉得自己非常愚蠢。如此盲目地专注于 jqlite 解决方案，我完全错过了查看 vanilla JS 解决方案。谢谢你让我免于完全失明；）
不，问题，很高兴它有用。