Angular动态创建元素的一些坑

2019独角兽企业重金招聘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(属性,'')
  
  
  

 

 

 

转载于:https://my.oschina.net/lilugirl2005/blog/3007616