Cum pot obține o componentă folosind xlink: legări href gazdă pentru a lucra în unghiular cu iedera activat

voturi
0

Nu am fost în stare să facă un plunkr de succes pentru acest așa că am încercat să întreb oricum bazat pe descriere. Avem o componentă NG, care utilizează un caracter obligatoriu pentru a lega o proprietate pictogramă pentru SVG xlink gazdă: 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;
}

Deci, de îndată ce am actualizat la GN 9 și a permis Ivy icoanele noastre a încetat să funcționeze. Dar dacă dezactivăm iederă va funcționa fie cu href sau xlink: href.

Am încercat în căutarea pentru bug-uri în repo Ng, dar doar cant par sa-ti imaginezi asta? Orice idei acolo?

O idee am este că trebuie să utilizați setAttributeNSpentru a seta xlink: href uneori. Mă întreb dacă am nevoie pentru a lega hostbinding un mod diferit , astfel setul său folosind setAttributeNS?

Întrebat 19/03/2020 la 22:00
sursa de către utilizator
În alte limbi...                            

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