防止 angular 模板被浏览器评估

prevent angular template from being evaluated by browser

我有一个 src 属性和 img 元素,它正在填充 angular 模板,如下所示:

<img src="img/data/{{row.image}}" />

每当我浏览该页面时,我都会从浏览器收到以下 404 错误:

GET http://localhost:8080/img/data/%7B%7Brow.image%7D%7D 404 (Not Found)

有什么方法可以防止浏览器在解析模板之前尝试获取图像吗?

使用 ng-src

<img ng-src="img/data/{{row.image}}" />