为什么图像在角度2中渲染效果很差

时间:2018-08-08 06:28:23

标签: javascript angular html5 typescript

首先,很抱歉,如果我的英语没有多大意义,不是我的母语。好的,所以我和我的伙伴正在以2/6的角度制作一个模板,用于贷款模拟器的数据披露同意书,当用户对每个同意书说“否”时,我们会收到一些通知。这些通知是由一个图标(图像存储在“资产”文件夹中)和一些文本组成的,当用户检查标记为“否”的收音机时,这些通知就会出现。问题是,当页面加载时,用户第一次单击时未出现没有以正确宽度显示的通知图像,然后,如果用户选择“是”并返回到“否”,则图像看起来很好;只是显示的第一个图像,检查哪个无线电都没有关系。有任何想法吗? PS:将图片作为背景放在CSS中,位于通知文本的前面。

1 个答案:

答案 0 :(得分:1)

解决了!没什么大不了的,实际上是菜鸟的错误,我删除了跨度,并通过CSS将图像放入容器本身(并在文本中添加了填充),然后它起作用了。我无法确切解释为什么在使用图标添加空跨度时它不起作用。结果是这样的:

HTML:

SELECT * 
FROM 
    (SELECT 
         SUM(CASE WHEN LOCAL_CCY_AMT < 0 THEN LOCAL_CCY_AMT END) AS DR 
     FROM 
         INSIGHTSOURCE.BS.RE_CRF_GL 
     WHERE 
         CONSOL_KEY10 = 'CUR' 
     GROUP BY 
         Consol_Key10

     CROSS JOIN

     SELECT 
         SUM(CASE WHEN LOCAL_CCY_AMT < 0 THEN LOCAL_CCY_AMT END) AS DR 
     FROM 
         INSIGHTSOURCE.BS.RE_CRF_GL 
     WHERE 
         CONSOL_KEY10 IN ('REG','WCL') 
     GROUP BY 
         Consol_Key10

     CROSS JOIN

     SELECT 
         SUM(CASE WHEN LOCAL_CCY_AMT < 0 THEN LOCAL_CCY_AMT END) AS DR 
     FROM 
         INSIGHTSOURCE.BS.RE_CRF_GL 
     WHERE 
         CONSOL_KEY10 IN ('OAM', 'SUB') 
     GROUP BY 
         Consol_Key10

     CROSS JOIN

     SELECT 
         SUM(CASE WHEN LOCAL_CCY_AMT < 0 THEN LOCAL_CCY_AMT END) AS DR 
     FROM 
         INSIGHTSOURCE.BS.RE_CRF_GL 
     WHERE 
         CONSOL_KEY10 IN ('DBT', 'LOS') 
     GROUP BY 
         Consol_Key10

     CROSS JOIN

     SELECT 
         SUM(CASE WHEN LOCAL_CCY_AMT < 0 THEN LOCAL_CCY_AMT END) AS DR 
     FROM 
         INSIGHTSOURCE.BS.RE_CRF_GL 
     WHERE 
         CONSOL_KEY10 IN ('CHO') 
     GROUP BY 
         Consol_Key10
)

CSS:

BackgroundWorker bw = new BackgroundWorker();    
bw.DoWork += new DoWorkEventHandler(
delegate (object o, DoWorkEventArgs args)
{
    var info = MyServerCallToGetNewCountAndImage();
    if (SynchronizationContext.Current != null)
        {
        var uiContext = SynchronizationContext.Current;
        uiContext.Post(b =>
            {
            MyInfo i = (MyInfo)b;
            // Update ribbon button image.
            myButton.Image = i.Image;
            }, info);
        }
});

bw.RunWorkerAsync();

成功了!谢谢!