在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无法在<img src="{{serverNodeUrl+club.img }}" class="photov"/>中找到serverNodeUrl的值

您可以考虑添加以下

$scope.serverNodeUrl = serverNodeUrl;

Answer 2

1.角变量可以在Angular {{}}内使用，以将角变量绑定到视图(HTML(2.对于图像，请使用ng-src ="所以， 如果

，您的代码有效

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

**注意：**请不要在内部使用 内部。