常量变量在img-src /视图中不可用

Question

这有效：

<img src="{{'http://localhost:3000/'+club.img }}" class="photov"/>

但是一旦我定义了一个应用常量：

myApp.value('serverNodeUrl', 'http://localhost:3000/')

这不起作用：

<img src="{{serverNodeUrl+club.img }}" class="photov"/>

我已经将serverNodeUrl正确地注入了控制器内部，并且可以执行console.log（serverNodeUrl）。

Answer 1

通过一种绑定方式，angularjs在控制器中的作用域变量中查找值。

在您的情况下，您可能已将常量注入控制器，但尚未将其设置为作用域变量。因此，angularjs无法在serverNodeUrl

中找到<img src="{{serverNodeUrl+club.img }}" class="photov"/>的值

您可以考虑添加以下内容

$scope.serverNodeUrl = serverNodeUrl;

Answer 2

1.Angular变量可以在angular {{}}内部使用-用于将角度变量绑定到视图（HTML） 2.对于图片，请使用ng-src =“” 所以，  如果您的代码有效

<img ng-src="http://localhost:3000/{{club.img}}" class="photov"/>

**注意：**请不要在里面加上+进行修饰。