使用：在伪元素之前插入具有动态路径的图像在Angular JS中

Question

.my-div:before {
    content: url('/pathToMyImage/image.png.png');
    position: absolute;
}

我正在使用Angular JS，图像应该是动态的。让我们说它的路径存储在$scope.path变量中。

例如：

$scope.path="/pathToMyImage/image.png";

如何传递$scope.path的值以动态设置内容？

Answer 1

只需在控制器中设置$ scope.path即可。

$scope.path="/pathToMyImage/image.png";

然后在你的html文件中访问它，如下所示..

{{path}} //用于数据绑定

假设content.content_id包含动态图像名称。然后路径将是

例如。 <img src="https://s3.amazonaws.com/gicontent/345X195/{{content.content_id}}.png" />