Javascript 为什么图像在angular 2中渲染不好

Javascript 为什么图像在angular 2中渲染不好,javascript,angular,html,typescript,Javascript,Angular,Html,Typescript,首先,如果我的英语没有多大意义,我很抱歉,它不是我的第一语言。好的,我的朋友和我正在用angular 2/6为贷款模拟器的数据披露许可制作一个模板,当用户对每个许可说“不”时,我们有几个通知。这些通知由存储在资产文件夹中的图标图像和一些文本组成,当用户检查标有“否”的单选按钮时会出现。问题是,当页面加载时,用户第一次单击“否”时,通知的图像显示的宽度错误,如果用户选择“是”并返回“否”,则图像显示良好;这只是显示的第一张图像,检查哪个收音机无关紧要。有什么想法吗? PS:在CSS中将图像作为背景

首先,如果我的英语没有多大意义,我很抱歉,它不是我的第一语言。好的,我的朋友和我正在用angular 2/6为贷款模拟器的数据披露许可制作一个模板,当用户对每个许可说“不”时,我们有几个通知。这些通知由存储在资产文件夹中的图标图像和一些文本组成,当用户检查标有“否”的单选按钮时会出现。问题是,当页面加载时,用户第一次单击“否”时,通知的图像显示的宽度错误,如果用户选择“是”并返回“否”,则图像显示良好;这只是显示的第一张图像,检查哪个收音机无关紧要。有什么想法吗?
PS:在CSS中将图像作为背景放在通知文本前面的一个跨距上。

解决了它!这不是一个很大的错误,实际上是一个新手的错误,我删除了跨度,通过CSS将图像放入容器本身,并在文本中添加了填充,结果成功了。我无法确切解释为什么在添加带有图标的空白范围时它不起作用。结果是:

HTML:


成功了!谢谢

请提供一些代码?或者尝试创建一个堆栈闪电战this@AnuradhaGunasekara我会在几分钟内,只是得到一些许可,从我的老板把代码呵呵。很抱歉
<div class="aviso">Text content of the warning</div>
.aviso{
    background-image: path/to/image.jpg;
    background-position-x: 2%;
    background-position-y: 30%;
    padding: 8px 15px 8px 35px;
}