一尘不染

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

angularjs

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

<!-- "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重复做,但它作为一个什么样的指令的示例 看起来像如果是必要的。


阅读 302

收藏
2020-07-04

共1个答案

一尘不染

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

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

2020-07-04