Comment puis-je obtenir un composant à l'aide XLink: les liaisons hôtes href au travail dans angulaire de lierre a permis

voix
0

Je ne pouvais pas faire un succès plunkr pour ce donc je suis en train de demander à cette base de toute façon sur la description. Nous avons une composante NG qui utilise un hôte de liaison pour lier une propriété d'icône à un 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;
}

Donc, dès que nous sommes passés à 9 NG et a permis Ivy nos icônes ont cessé de fonctionner. Mais si nous désactivons le lierre, il fonctionnera soit avec href ou xlink: href.

Essayé la recherche de bogues dans le repo Ng mais juste cant semblent comprendre cela? Toutes les idées là-bas?

Une idée que j'ai est que vous devez utiliser setAttributeNSpour définir la XLink: href parfois. Je me demande si je dois lier la hostbinding d' une manière différente de sorte que son jeu à l' aide setAttributeNS?

Créé 19/03/2020 à 22:00
source utilisateur
Dans d'autres langues...                            

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