Beobachter reagiert nicht auf <paper-input> in Polymer 2.x

Ich möchte einen Beobachter durch Eingabe von Text in ein <paper-input> Feld auslösen.Beobachter reagiert nicht auf <paper-input> in Polymer 2.x

Bei der Eingabe von Text in das Postleitzahlfeld erwarte ich, dass der eingegebene Text in der Konsole protokolliert wird. Stattdessen sehe ich nichts in der Konsole.

Was mache ich falsch?

Here is the JSbin Demo.

http://jsbin.com/xahobojixe/1/edit?html,console,output

<!DOCTYPE html> 
<html> 

    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
    <title>JS Bin</title> 

    <base href="//polygit.org/polymer+:master/components/"> 
    <script src="webcomponentsjs/webcomponents-lite.js"></script> 
    <link rel="import" href="polymer/polymer-element.html"> 
    <link rel="import" href="paper-input/paper-input.html"> 

    </head> 

    <body> 

    <dom-module id="my-el"> 
     <template> 
     <paper-input label="simple character counter" char-counter value="{{zipCode}}"></paper-input> 
     [[zipCode]] 
     </template> 

     <script> 
     class MyEl extends Polymer.Element { 
      static get is() { 
      return 'my-el'; 
      } 

      static get properties() { 
      /**/ 
      return { 
       properties: { 
       zipCode: { 
        type: String, 
        notify: true, 
        observer: '_zipCodeChanged', 
       }, 
       }, 
      }; 
      } 

      constructor() { 
      super(); 
      } 

      /**/ 
      ready() { 
      super.ready(); 
      } 

      _zipCodeChanged(s) { 
      console.log('zip-code', s); 
      console.log('zip-code-this', this.zipCode); 
      } 

     } 

     window.customElements.define(MyEl.is, MyEl); 

     </script> 
    </dom-module> 

    <my-el></my-el> 
    </body> 

</html>

Quelle

2017-10-03 Mowzer

Sie einen komplexen Beobachter müssen seit 'zipCcode' ein subproperty von' properties' ist. – Ofisora

Ihre properties Getter sieht falsch, da es eine Eigenschaft namens properties enthält. Der Getter sollte sein:

static get properties() { 
    return { 
    zipCode: { 
     type: String, 
     notify: true, 
     observer: '_zipCodeChanged', 
    }, 
    } 
}

updated jsbin

Quelle

2017-10-03 20:55:27 tony19

Beobachter reagiert nicht auf <paper-input> in Polymer 2.x

Antwort

Verwandte Themen