添加 Angular 指令以填充元素

Adding Angular directive to dompurify element

提问人:Dsapp 提问时间:8/16/2023 更新时间:8/16/2023 访问量:30

问:

是否可以将 Angular 指令添加到由 Dompurify 清理的锚标记中?

我尝试将我的指令添加到元素中,但我无法触发该指令。如果我用 div 标签包装锚标记,指令就会触发。

评论


答:

0赞 Eliseo 8/16/2023 #1

排序答案不是,除非你使用 Angular 元素(有点复杂,通常最好使用另一种方法)。但“不可能什么都不是”。如果你只需要“捕获”一个“点击”(参见,例如这个SO),如果它更复杂,你可以用这个SO作为灵感。在最后一个 SO 中,我们用 ngModel 替换 by 输入[name_of_variable]

您可以使用一些类似的指令来替换

如果你看到代码,你就会把html字符串“拆分”到一个对象数组中

{
  index:a number
  text:some data
}

数组上的 .html 循环,因此根据“索引”显示文本或其他标记或指令

  <span *ngIf="dat.index==-1">{{dat.text}}</span>
  <input *ngIf="dat.index!=-1" [(ngModel)]="values[dat.index]">

您可以以这种方式创建元素数组

{
  type:number
  data:string
}

并遍历数组以创建文本或指令