Question

我需要你的帮助来解决这个问题：我在我的应用程序中使用动态src加载了几个图像，所以基本上我无法预先确定它们的来源，因为它取决于某些参数，例如：

<img src="assets/images/{{tile.name | sanitiseString}}.jpg">

我尝试了很多延迟加载插件，但他们在这种情况下无法工作。

我该如何解决这个问题？

非常感谢你。

Answer 1

我认为你需要的是ng-src

这是一个例子

public static decimal Average(int a, int b)
{
    return (decimal)(a + b) / 2;
}

public static void Main(string[] args)
{
    Console.WriteLine(Average(2, 1));

}

这是官方文档AngularJs

Answer 2

我认为你的代码应该运行得很好。只需尝试使用tile.name并删除过滤器即可。这是一个假设＆＃34; tile＆＃34;变量正在从http调用中填充

<img src="{{imgPath}}">

$http.get('https://jsonplaceholder.typicode.com/photos/1')
   .then(function(response){

     $scope.imgPath = response.data.url;
   })

Angularjs不断重新运行摘要周期，以确保所有插值（在Angular中）都被赋值。

如何使用动态img src在Angular中实现延迟加载

2 个答案: