我需要在jhipster angularjs应用程序中显示图像（在同一页面中）。图像是从AWS服务器渲染的 - 所以，我只有文档路径。
通常，如果我提供该doc路径，它将重定向到chrome以显示该图像。但是，就我而言，我需要在同一个屏幕上显示。
如何在angularjs中实现这一目标？
注意：文件路径： https://s3-us-west-2.amazonaws.com/images.iloads.in/Saas_Testing%2FVehicle_1508824497164.jpeg
答案 0 :(得分：1)
使用const homeStyles = {
overflow: 'auto',
width: 100,
height: 100,
border: '1px solid #333'
}
class Home extends React.Component{
handleScrollTo = () => {
this.container.scrollTop = 10;
}
render(){
return (
<div ref={ el => this.container = el} style={homeStyles}>
<a onClick={this.handleScrollTo}>ScrollTo</a> <br/><br/>
content<br/>
content<br />
content<br />
content<br />
content<br />
content<br />
content<br />
content<br />
content<br />
</div>
)
}
}
标记在浏览器中显示图片。
img
如果您使用AngularJS，请将<img src="https://s3-us-west-2.amazonaws.com/images.iloads.in/Saas_Testing%2FVehicle_1508824497164.jpeg">更改为ng-src，以便给定值绑定到范围变量。