Webcomponents: AttributChangedCallback nicht ausgelöst

Question

Hier ist eine grundlegende Hallo Welt Web-Komponente. Das attributeChangedCallback wird nicht ausgelöst, wenn das Attribut "wer" geändert wird. Überprüfen Sie die Geige

MyElementProto.attributeChangedCallback = function(attr, oldVal, newVal) { 
    console.log('attributeChangedCallback triggered'); 
     if (attr === 'who') { 
      this.setWho(newVal); 
     } 
    }; 

https://jsfiddle.net/y3kj81nz/5/

Answer 1

Sie benötigen die setAttribute Methode verwenden:

window.changeWhoAttr = function() { 
    var el = document.querySelector('#custom-tag'); 
    el.setAttribute('who', 'Universe'); // Instead of el.who = 'Universe' 
    console.log('changeWhoAttr triggered'); 
} 

Fiddle