Trigger-Winkel Methode aus Polymermatrize

Question

Polymermatrize

Sample.html 
     <dom-module id="sample"> 
      <template> 
      <paper-button id="clickme" on-click=   
           "clickMe()">click</paper-button> 
      </template> 
     </dom-module> 

sample.ts 
     export class sample controller{ 
      clickMe(){ 
       console.log("button clicked from polymer app"); 
       } 
      } 

I kann in der Lage, die Daten aus Winkeln app passieren zu Polymer component.Is es eine Möglichkeit, das Winkelereignis von Polymerkomponente zu triggern.

Answer 1

Dispatcher Ereignisse von Polymer mit den Daten, die Sie brauchen, und hören Sie in Angular.

Polymer:

<dom-module id="sample-element"> 
    <template> 
    <paper-button on-click="clickMe">click</paper-button> 
    </template> 
    <script> 
    Polymer({ 
     is: 'sample-element', 
     clickMe: function() { 
     this.dispatchEvent(new CustomEvent('sample-element-data', { 
      detail: 'Hello from Polymer' 
     }); 
     } 
    }); 
    </script> 
</dom-module> 

Eckig:

@Component({ 
    template: '<sample-element (sample-element-data)="handleEvent($event)"></sample-element>' 
}) 
export class SampleAngularComponent { 
    handleEvent(e: CustomEvent) { 
    console.log(e.detail); // 'Hello from Polymer' 
    } 
}