Hogyan tud én kap egy komponens segítségével xlink: href host kötéseket munkát szögletes borostyán engedélyezve

szavazat
0

Nem voltam képes arra, hogy egy sikeres plunkr ez így próbálok feltenni ezt egyébként alapuló leírást. Van egy NG komponens, amely egy gazda kötődés kötődnek egy ikon ingatlan 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;
}

Tehát amint áttértünk NG 9 és lehetővé Ivy ikonjainkat leállt. De ha tiltjuk borostyán fog működni akár href vagy xlink: href.

Próbáltam keres hibákat a Ng repo de csak vidám látszik, hogy kitaláljuk ezt ki? Bármilyen ötletet odakint?

Az egyik elképzelés van az, hogy meg kell használni setAttributeNS, hogy állítsa be a xlink: href néha. Kíváncsi vagyok, ha én kell kötni a hostbinding eltérő módon, így a beállított setAttributeNS?

A kérdést 19/03/2020 22:00
a forrás felhasználó
Más nyelveken...                            

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