Javascript 角度8:自定义HTML属性不';不能在组件html中工作

Javascript 角度8:自定义HTML属性不';不能在组件html中工作,javascript,jquery,html,angular,angular8,Javascript,Jquery,Html,Angular,Angular8,我有一个angular 8应用程序,我在html中使用自定义html属性,然后使用jQuery检索这些属性来设置div和其他dom元素的背景图像、高度等 自定义属性代码如下所示: var sayit_js_bg_image=jQuery('.sayit_js_bg_image'); 如果(jQuery(sayit_js_bg_image).length>0){ jQuery(sayit_js_bg_image)。每个(函数(){ css('background-image','url'+jQu

我有一个angular 8应用程序,我在html中使用自定义html属性,然后使用jQuery检索这些属性来设置div和其他dom元素的背景图像、高度等

自定义属性代码如下所示:

var sayit_js_bg_image=jQuery('.sayit_js_bg_image');
如果(jQuery(sayit_js_bg_image).length>0){
jQuery(sayit_js_bg_image)。每个(函数(){
css('background-image','url'+jQuery(this.attr('data-src')+'));
});
}

2018年7月10日
一些文本

我会回答我的问题,以防有人以类似的情况来到这里

在我的例子中,问题是——由于某种奇怪的原因,“sayit_js_bg_image”css类在组件加载时无法识别data src属性

为了克服这个问题,我必须在该组件的.ts文件中显式地设置css属性“background image”

<div class="sayit_title_container row sayit_js_height sayit_block_with_fimage" [attr.data-src]="assets/imgs/clipart/standard_post/back-1.jpg">
  //Other elements
</div>
在ngAfterViewInit内部,将div的背景设置为传递的图像


希望有人觉得它有帮助

我会回答我的问题,以防有人以类似的情况来到这里

在我的例子中,问题是——由于某种奇怪的原因,“sayit_js_bg_image”css类在组件加载时无法识别data src属性

为了克服这个问题,我必须在该组件的.ts文件中显式地设置css属性“background image”

<div class="sayit_title_container row sayit_js_height sayit_block_with_fimage" [attr.data-src]="assets/imgs/clipart/standard_post/back-1.jpg">
  //Other elements
</div>
在ngAfterViewInit内部,将div的背景设置为传递的图像


希望有人觉得它有帮助

我建议使用设置属性和属性,而不是强制使用jQuery。jQuery不属于Angular应用程序。^这不是真的。jQuery作为包从外部加载到angular.json下。没有理由将jQuery与angular 8I一起使用,我建议使用设置属性和属性,而不是强制使用jQuery。jQuery不属于angular应用程序。^这不是正确的。jQuery作为包在angular.json下外部加载。没有理由将jQuery与angular 8一起使用