Hoe kan ik een component met behulp van xlink: href gastheer bindingen te werken in hoekige met klimop ingeschakeld

stemmen
0

Ik was niet in staat om een ​​succesvolle plunkr te maken voor dit dus ik probeer om dit te vragen anyways gebaseerd op beschrijving. We hebben een NG component die een gastheer binding aan een icoon eigendom aan een svg xlink binden gebruikt: 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;
}

Dus zodra we een upgrade naar NG 9 en ingeschakeld Ivy onze iconen gestopt met werken. Maar als we uit te schakelen klimop het zal werken met ofwel href of xlink: href.

Probeerde op zoek naar bugs in de Ng repo maar cant lijken te achterhalen dit een uit? Alle ideeën die er zijn?

Een van de ideeën die ik heb is dat je moet gebruiken setAttributeNSom de xlink stellen: href soms. Ik ben benieuwd of ik nodig om de hostbinding een andere manier zodat de set met behulp van binden setAttributeNS?

De vraag is gesteld op 19/03/2020 om 22:00
bron van user
In andere talen...                            

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