300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > Angular动态创建元素的一些坑

Angular动态创建元素的一些坑

时间:2021-02-08 00:15:04

相关推荐

Angular动态创建元素的一些坑

独角兽企业重金招聘Python工程师标准>>>

在html文件中 用ngFor 动态生成子html 元素的自定义属性,比如data-title,发现angular报错,不让用 。解决办法:采用attr.自定义属性名 即可

实现拖拽功能 需要复制html元素 append到其他元素时 希望将原始html标签上的(click) 事件属性也一起复制,发现angular会自动将(click) 删除 ,无奈需要在ts里动态添加click事件 解决办法 :对象.addEventListener('click',方法)

或者直接对对象的onclick属性 绑定方法 ,此种做法可以使用父级this上的方法

angular在页面渲染时会为html元素自动增加属性_ngcontent-c[数字],angular的某些class样式和这类属性密切耦合影响页面样式;而在ts代码中动态复制html标签时该属性还没有生成,动态复制的html元素不会被再次渲染生成_ngcontent-c[数字] 属性,因此复制的html与原始的html样式无法一致。解决方法, 复制html代码的时候通过 dom对象.attributes[0].name 获取该属性名 ,将该属性名 添加到动态html属性上 新对象.setAttribute(属性,'')

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。