如果元素上的指令/输入名称之间发生冲突,该怎么办?

您可以用另一个名称创建一个新指令,并使用一个简单地扩展原始指令的类,然后可以绑定到@input属性。

@Directive({
  selector: '[appHighlight]'
})
export class HighlightDirective extends OriginalHighlightDirective {

  constructor(private el: ElementRef) { super(el); }

  @Input('aliasInputColor') originalInputName: string;

}

然后可以使用AliasinputProperty:

<p appHighlight aliasInputColor="yellow">Highlight me!</p>