我需要能够调用一个函数,以便运行代码以动态检索图像的来源。以下代码片段显示了我想要的示例:
<!-- "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重复做,但它作为一个什么样的指令的示例 会 看起来像如果是必要的。
<img ng-src="{{myFunction()}}" />
**[Fiddle](http://jsfiddle.net/wktwL/5/)**