Как я могу получить компонент с помощью XLink: HREF хоста привязок к работе в угловом с плющом включен

голоса
0

Я не был в состоянии сделать успешную plunkr для этого, так что я пытаюсь спросить это в любом случае на основе описания. У нас есть компонент NG, который использует множество связывания для связывания свойства значка на 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;
}

Поэтому, как только мы повышены до NG 9 и поддержка Ivy наших иконок перестали работать. Но если мы отключим плющ он будет работать с любым HREF или XLink: HREF.

Пробовал ищет ошибки в репо Ng, но просто не могу показаться, чтобы понять это? Любые идеи вне там?

Одна из идей , у меня есть то , что вы должны использовать , setAttributeNSчтобы установить XLink: HREF иногда. Интересно , если мне нужно , чтобы связать hostbinding другим способом так множество его использования setAttributeNS?

Задан 20/03/2020 в 00:00
источник пользователем
На других языках...                            

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