未加载时的背景图像微调器

时间:2015-04-26 13:59:59

标签: javascript css angularjs image angularjs-directive

使用div

<div ng-style="{'background-image':'url('+image+')'}"></div>

我想在div中显示一个微调器,而背景图像尚未完全加载。怎么可能?我想使用background-image来显示图片(而不是src),因为我想要crop and center我的图片。

1 个答案:

答案 0 :(得分:0)

在加载时将范围上的'loading'变量设置为true,然后在加载时设置为false。

在“加载”时,使用模板中的ng-class设置带有背景图像的类,例如ng-class =“{'loading-class':loading}”

使用onloadeddata事件Angular on video load event