Angular打印$ scope函数而不是返回值（从DOM调用时）

Question

我正在尝试将来自Google云端硬盘的图片加载到我的Angular应用程序中的图像元素中：

        <div >
            <div ng-repeat="attachment in event.attachments">
                <img src="{{getImage(attachment.fileId)}}"/>
            </div>
        </div>

我的控制器中的代码：

$scope.getImage = function(fileId){
    return 'http://drive.google.com/uc?export=view&id='+fileId;
};

当我运行代码时，请求URL显示正在打印函数名称而不是返回图像URL。这是请求：

  

http://localhost:3000/%7B%7BgetImage(attachment.fileId)%7D%7D

有人可以帮助我加载图片吗？

谢谢！

Answer 1

使用ng-src等待插值，如下所示：

<img ng-src="{{getImage(attachment.fileId)}}"/>

有关ng-src here的更多信息。

Answer 2

您可以改为使用ng-src属性：https://docs.angularjs.org/api/ng/directive/ngSrc