使用 AngularJS 绑定图像标记

Binding an image tag with AngularJS

本文关键字:图像 绑定 AngularJS 使用      更新时间:2023-09-26

当调用某个函数并更新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-srcng-src已经处理双向绑定。