Verdrahtung von Polymer-Komponenten und Winkel-Controller

Question

Ich habe gerade begonnen zu experimentieren mit Polymer und versuchen, es zusammen mit AngularJS in einer einzigen Seite App zu verwenden. Deshalb habe ich zwei polymer-ui-components: polymer-ui-sidebar-menu und polymer-ui-pages abgeholt. Jedes Mal, wenn der Benutzer ein Element aus der Seitenleiste auswählt, sollte die Seitenkomponente sein Element mit demselben Index anzeigen ...

Aber wie diese zwei Komponenten zu verdrahten?

Ich habe versucht, das onclick Ereignis aus dem Menü zu verwenden, aber das funktioniert nicht wie erwartet.

Vielleicht gibt es irgendwelche nützliche Dokumente über Polymer im World Wide Web neben ihrer eigenen Dokumentation?

UPDATE:

HTML:

<polymer-ui-sidebar-menu label=Channels> 
    <polymer-ui-menu-item ng-repeat="channel in channels" 
    ng-click=select($index) 
    label="{{ channel }}" 
    icon=menu> 
    </polymer-ui-menu-item> 
</polymer-ui-sidebar-menu> 
<polymer-ui-pages> 
    <span ng-repeat="channel in channels">content: {{ channel }}</span> 
</polymer-ui-pages> 

Controller:

$scope.select = function (index) { 
    angular.element("polymer-ui-sidebar-menu")[0].selected = idx; 
    angular.element("polymer-ui-pages")[0].selected = idx; 
}; 

Um die Wähler in angular.element(selector) Arbeits erhalten Sie müssen umfassen jquery vor angular und polymer vor jquery!

Answer 1

habe ich ein Video demonstriert, wie eine Web-Komponente (Polymer-Element) zu einer Winkel Richtlinie sprechen: http://www.youtube.com/watch?v=p1NpZ-0Op0w&list=PLRAVCSU_HVYu-zlRaqArF8Ytwz1jlMOIM&index=1

Das Beispiel in diesen Videodaten-bindet die Komponenten Attribute Angular der Datenbindung Funktion verwenden, aber Sie sollte in der Lage sein, andere Funktionen zu verwenden, um Dinge zum Laufen zu bringen. Haben Sie versucht, ng-click unter <polymer-ui-sidebar-menu> hinzuzufügen?