我有<img ng-src="dynamically inserted url"/>张照片.加载单个图像时,我需要应用iScroll refresh()方法,以便使图像可滚动.

了解映像何时已满载以运行回调的最佳方式是什么?

推荐答案

以下是如何调用image onload http://jsfiddle.net/2CsfZ/2/的示例

基本思想是创建一条指令并将其作为属性添加到img标记.

JS:

app.directive('imageonload', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.bind('load', function() {
                alert('image is loaded');
            });
            element.bind('error', function(){
                alert('image could not be loaded');
            });
        }
    };
});

HTML:

 <img ng-src="{{src}}" imageonload />

Html相关问答推荐

如何改进这个jQuery滑动器的功能?

按钮的字体重量在鼠标悬停时随过渡而变化

HTML横幅未正确对齐页面顶部

有没有可能一个按钮,有焦点,然后再次点击它清除它的焦点,只是使用css?

自动字间距以适应行CSS

CSS:显示块,第一个项目没有正确对齐

如何在htmlAngular 17的@for中使用索引

为什么在添加文本时网格区域会调整大小?

HTMLTag属性内的svelte+TS类型声明

如何将图像放在其内部按钮下方

从触发元素移动到有间隙的内容时 CSS 工具提示关闭

即使必填字段为空,HTML 表单也已成功提交

带有数据 URI 的音频在 Chrome 中失败

如何使用CSS Select 表亲元素

重点/主动输入的概述问题

删除按钮组件时 bootstrap col-auto 布局高度对齐中断

如何让 Reindeer 居中

无法使用 HTML 中的 Bootstrap 自上而下居中

我正在try 向我预先存在的导航栏添加响应式汉堡包导航,但由于某种原因它没有显示

为什么浏览器在 Select 一个包裹在 标签中的块级元素后包含相邻元素?