Come posso ottenere un componente usando xlink: binding ospitanti href al lavoro in angolare di edera abilitato

voti
0

Non ero in grado di fare un plunkr successo per questo in modo che io sto cercando di fare questa comunque sulla base di descrizione. Abbiamo un componente di NG che utilizza una serie di legame per associare una proprietà un'icona a uno SVG xlink: href.

@Component({
  selector: 'use', // tslint:disable-line
  template: ``
})
export class SohoIconUseComponent {
  // This works but we cant use it because it fails on Safari 12
  // @HostBinding('attr.href') get href(): string {
  //   return '#' + this.icon;
  // }

  // This does not work
  @HostBinding('attr.xlink:href') get xhrefLink(): string {
    return '#' + this.icon; 
  }

  @Input() icon: string;
}

Così, non appena ci siamo trasferiti in NG 9 e abilitato Ivy nostre icone smesso di funzionare. Ma se disabilitare l'edera che possa funzionare con o href o xlink: href.

Provato a cercare bug nel repo Ng, ma appena cant sembrare calcolare questo fuori? Tutte le idee là fuori?

Un'idea che ho è che si deve usare setAttributeNSper impostare il xlink: href volte. Mi chiedo se ho bisogno di impegnare la hostbinding un modo diverso per cui il suo set usando setAttributeNS?

È pubblicato 19/03/2020 alle 22:00
fonte dall'utente
In altre lingue...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more