Jak mogę uzyskać komponent używając xlink: powiązania hosta href do pracy w kątowa z bluszcz włączony

głosy
0

I nie był w stanie dokonać udanego plunkr tego więc staram się zadać to tak czy inaczej na podstawie opisu. Mamy składnik NG, który wykorzystuje wiele wiążącą do związania własności ikonę do XLink SVG: 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;
}

Tak szybko, jak zostaliśmy przeniesieni do NG 9 i włączona Ivy nasze ikony przestał działać. Ale jeśli wyłączyć my bluszcz to będzie działać z każdym href lub xlink: href.

Próbowałem szuka błędów w repo Ng, ale po prostu cant wydają się rysunek ten jeden? Wszelkie pomysły tam?

Jednym z pomysłów mam to, że trzeba użyć setAttributeNS, aby ustawić XLink: href czasami. Zastanawiam się, czy muszę wiązać hostbinding inny sposób, jego zestaw użyciu setAttributeNS?

Utwórz 19/03/2020 o 22:00
źródło użytkownik
W innych językach...                            

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