我试图在Angular中做一个属性绑定的例子.我决定拍摄一张图片,然后通过属性绑定放置它的所有3个属性 – width,height,src.令我惊讶的是,尽管没有错误,并且图像由URL呈现(url中没有错误),但宽度和高度仍然呈现为零(0).为什么这个?据我所知,Image将高度和宽度作为其属性.那么问题出在哪里?
abc.component.html
//This does not work - gives height:0px, width:0px
<img [width]="'100px'" [height]="'100px'" [src]="'./assets/img/hermione.jpg'">
//This works - renders image, with height:100px, width: 100px
<img width="100px" height="100px" [src]="'./assets/img/hermione.jpg'">
有人可以解释为什么第二种情况运行良好的奇怪行为,但首先虽然图像被渲染但从未见过(高度:0px,宽度:0px)?
错误:
另外,(按照Pronoy Sarkar – 见下面的答案)
//This also works
<img [attr.width]="'100px'" [attr.height]="'100px'" [src]="'./assets/img/hermione.jpg'">
Now, question is why simple [height] and [width] does not work?
Afterall, we never did [attr.src]?
解决方法:
试试[attr.width]和[attr.height]
原文地址:https://codeday.me/bug/20190701/1346215.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。