Angular2 使用指令在标签中插入自定义属性

Question

我有一个 angular 2 项目，我正在使用 PrimeNG。我正在使用一个带有很多自定义属性的特殊标签，这些属性对于这个标签来说总是相同的。我想将这些属性外部化，我创建了一个自定义指令用于添加我需要的所有属性。问题是其中一些属性不是原生的，可能无法识别。我收到错误消息“无法在‘元素’上执行‘setAttribute’:‘[myCustomAttribute]’不是有效的属性名称。

这是我的指令:

@Directive({
  selector: '[def-calendar]'
})
export class DefaultCalendarDirective {

  constructor(private _elRef: ElementRef, private _renderer: Renderer2) {
  }

  ngOnInit() {
    this._renderer.setAttribute(this._elRef.nativeElement, '[yearRange]', '1900:2100');
  }
}

有人知道我该如何解决吗？我不知道是否有办法复制诸如字符串之类的元素并操作添加我的属性的字符串。

谢谢法布里齐奥

Answer 1

这可能对您有用。 Angular2 add attribute with Renderer using a directive .

我认为 yearRange 之间的方括号是罪魁祸首。希望这会有所帮助。