Πώς μπορώ να πάρω ένα στοιχείο χρησιμοποιώντας XLink: δέστρες href υποδοχής στο έργο της γωνιακής με κισσό ενεργοποιημένη

ψήφοι
0

Δεν ήμουν σε θέση να κάνει μια επιτυχημένη plunkr γι 'αυτό, γι' αυτό προσπαθώ να ρωτήσω το ούτως ή άλλως με βάση την περιγραφή. Έχουμε ένα συστατικό το φυσικό αέριο που χρησιμοποιεί μια σύνδεση με δεσμεύει μια περιουσία εικονίδιο σε 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;
}

Έτσι, τη στιγμή που θα αναβαθμιστεί σε NG 9 και επέτρεψε Ivy εικόνες μας σταμάτησε να λειτουργεί. Αλλά αν απενεργοποιήσετε κισσός θα συνεργαστεί με κάθε href ή XLink: href.

Προσπάθησα ψάχνει για σφάλματα στο repo Ng, αλλά μόλις επίκλιση φαίνεται να καταλάβω αυτό έξω; Οποιεσδήποτε ιδέες εκεί έξω;

Μια ιδέα που έχω είναι ότι θα πρέπει να χρησιμοποιήσετε setAttributeNSγια να ρυθμίσετε το XLink: href μερικές φορές. Αναρωτιέμαι αν εγώ πρέπει να δεσμεύσουν το hostbinding ένα διαφορετικό τρόπο, ώστε σύνολο χρήση setAttributeNS;

Δημοσιεύθηκε 19/03/2020 στις 22:00
πηγή χρήστη
Σε άλλες γλώσσες...                            

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