用空值替换jsonp图像对象的占位符image
Substituting place holder image for jsonp image object with a value of null
使用angular,我正在制作ajax jsonp请求从twitch检索通道。电视的api。一些渠道没有标志图像,所以我想把一个占位符图像与空标志对象的渠道。我创建了一个对象$scope。Imgs当前有两个属性:data。标志,这是标志图像从抽搐。tv api和replaceData,这是图像url到替换图像,我想用作为图像占位符。我创建了一个if语句来测试天气数据。徽标是空的,如果它是用替换图像字符串替换src属性字符串,但我使用ng-src,所以我想知道我如何能够针对ng-src,如果我采取正确的方法来替换一个空图像对象值的通道?
有更多的代码,但这是我有困难的部分…
$http.jsonp(url + streamers[i] + callback).success(function(data) {
$scope.imgs = {
current: data.logo,
replacement: "http://www.zwani.com/graphics/hello_funny/images/56467.jpg"
}
if (data.logo === null) {
$scope.imgs.current = $scope.imgs.replacement;
var replaceData = $scope.imgs.current;
console.log($scope.imgs.current);
document.getElementsByTagName('img').src = replaceData;
}
self.info.push(data);
})
你把它弄得太复杂了。你所需要做的就是用url字符串更新属性。
Angular会帮你显示它的
$http.jsonp(url + streamers[i] + callback).success(function(data) {
var placeholder ="http://www.zwani.com/graphics/hello_funny/images/56467.jpg";
if(!data.logo){
data.logo = placeholder ;
}
self.info.push(data);
});
您也可以让数据。将Logo设为null,然后在你的HTML中这样做…
<img ng-src="{{$scope.imgs.logo || 'http://www.zwani.com/graphics/hello_funny/images/56467.jpg'}}">
相关文章:
- 使用javascript的Asp.net内容占位符
- Internet Explorer缺少占位符支持,特别是密码字段
- 如何隐藏按钮单击事件上的占位符
- 需要URL模板占位符查找和替换功能的输入
- 初始化ng模型时,Angular ui选择占位符不起作用
- 如何在ie7或更高版本中设置密码字段的占位符
- 在不使用javascript的情况下,可以在表单字段中设置文本占位符(以提示最终用户插入特定格式)
- Select2-使用自定义模板时不显示占位符
- 替换字符串中的占位符值
- 为什么我应该使用HTML5(上下文:占位符)
- 在contentEditable元素中居中占位符插入符号
- 从气球弹出窗口中删除占位符
- 选择“选项”时更改输入的占位符
- 错误:ReCAPTCHA占位符元素必须为空
- 如何更改文本区域的颜色's文本,具体取决于它是否为占位符
- 得到一个没有属性的错误“;占位符”;在xhtml strict 1.0中
- 使用Node/Javascript提取字符串中的所有占位符
- 更改 html 输入字段中的占位符属性
- 当用户在输入字段事件中输入内容时,为该字段事件添加动画占位符
- 用空值替换jsonp图像对象的占位符image