将图像标记与AngularJS绑定

时间:2016-02-22 17:02:19

标签: javascript angularjs data-binding

我试图在调用某个函数时用图像和链接更新div并更新images对象。

以下是我所拥有的:

<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'
};

当用户提交图像时调用此函数。

然而,当图像对象更新而不是图像时,我得到了字符串&#34; [object File]

我做错了什么?

1 个答案:

答案 0 :(得分:2)

删除ng-bind,然后使用ng-srcng-src已经处理双向绑定。