Aurelia: Hinzufügen und Entfernen von benutzerdefinierten Attributen aus Ansichtsmodell

Question

Wie kann ich benutzerdefinierte Attribute aus einem Ansichtsmodell hinzufügen und entfernen?

Durch das Hinzufügen des Attributs targetElement.SetAttribute ('mycustomelement') wird das benutzerdefinierte Aurelia-Attribut nicht aktiviert.

Könnte TemplatingEngine.Enhance() das custom-Attribut aus dem View-Modell mit Leben erfüllen?

Answer 1

Sie können dies tun:

<div id="dummy">lorum ipsum</div> 
<button click.delegate="addAttribute()">click here</button> 

mit Code hinter

public addAttribute() { 

    let el = document.getElementById("dummy"); 
    el.setAttribute("css.bind", "{ color: 'red' }"); 

    if (el && !el.querySelectorAll('.au-target').length) { 
     var element = this.templatingEngine.enhance(el); 
     console.dir(element.viewFactory); 
    } 
} 

Sie wissen nicht, wie dies zu lösen, und es wird (ich glaube) geben entweder Gedächtnisprobleme oder Fehler, wenn Sie anhängen ein Element mehrmals (also eine Überprüfung für .au-target hinzugefügt). Die Dokumentation über der Funktion besagt, dass Sie jetzt für den Lebenszyklus verantwortlich sind.

Was versuchen Sie zu erreichen? Es könnte einen besseren Weg geben.