使用 AngularJS 绑定图像标记
Binding an image tag with AngularJS
当调用某个函数并更新images
对象时,我正在尝试使用图像和链接更新div。
这是我所拥有的:
<a ng-bind="images[0]" ng-href="{{images[0].link}}"><img ng-bind="images[0]" ng-src="{{images[0].url || '' }}"></a>
在控制器上:
$scope.upload = function (file, pos) {
$scope.images[parseInt(pos)] = file;
$scope.images[parseInt(pos)].url = 'http://i.imgur.com/ik9xqXp.jpg?1'
};
当用户提交图像时调用此函数。
但是,当图像对象更新时,我得到字符串"[对象文件] 而不是图像
我做错了什么?
删除ng-bind
,只使用ng-src
。 ng-src
已经处理双向绑定。
相关文章:
- 使用AngularJs数据绑定的三元运算符显示图像
- 缩略图库的XML数据图像绑定
- 将鼠标悬停到网页框架时绑定图像预览
- 使用XML将头文本、段落文本和按钮和每个图像绑定
- AngularJS:如何将ng-click绑定到使用嵌入或对象元素插入的SVG图像
- 尝试将JS绑定到html图像url - 使用WP主题定制器API
- 将画布图像绑定到基于类的事件
- 在弹出图像事件上绑定和取消绑定鼠标滚轮 - JQuery
- 使用 AngularJS 绑定图像标记
- 图像映射器“重新绑定”不起作用
- Vue.js 数据绑定样式背景图像不起作用
- 单击时更改图像 src 绑定
- 如何将图像源绑定到角度文件对象
- 当html内容包含使用css加载的图像时,ng绑定html不起作用
- 在knockout中动态绑定图像源
- 使用knockout将图像源与文件输入绑定
- Jquery使用一个类来绑定链接和图像
- 将可拖动图像绑定到画布上
- 在加载时为图像绑定调整大小功能
- 使用jQuery从JSON生成图像列表,其中图像绑定到点击事件