如何在“ ng-src”中调用函数

Question

我需要能够调用一个函数，以便运行代码以动态检索图像的来源。以下代码片段显示了我想要的示例：

<!-- "myFunction" exists in the current scope -->
<img ng-src="myFunction()" />

我敢肯定这很简单，但是我在ng-
src文档中
什么都找不到！还有其他人打过这个吗？

提前致谢！

指令（基于答案的示例）

其他人建议使用指令。我无法发布客户端代码，所以我写了一个简短的示例，说明了在plunker中的外观（请参见此处）。核心指令本身是：

app.directive("imageSource", function (){
  return { link: function (scope, element, attrs){
      element.attr("src", scope.imageUrlArray[attrs.imageSource]);
    }
  };
});

我知道我有什么做为一个例子，很可能只是用在NG-SRC使用变量NG重复做，但它作为一个什么样的指令的示例 会 看起来像如果是必要的。

Answer 1

<img ng-src="{{myFunction()}}" />

**[Fiddle](http://jsfiddle.net/wktwL/5/)**