2013-11-02 5 views
5

Właśnie zacząłem eksperymentować z polimerem i spróbować go użyć razem z AngularJS w jednej aplikacji jednostronicowej. Dlatego podniosłem dwa polymer-ui-components: polymer-ui-sidebar-menu i polymer-ui-pages. Za każdym razem, gdy użytkownik wybierze element z paska bocznego, komponent strony powinien wyświetlić jego pozycję z tym samym indeksem ...okablowanie komponentów polimerowych i regulatorów kątowych

Ale jak połączyć te dwa elementy?

Próbowałem użyć zdarzenia onclick z menu, ale to nie działa zgodnie z oczekiwaniami.

Być może istnieją jakieś przydatne dokumenty o polimeru w światowej sieci oprócz własnej dokumentacji?

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> 

Kontroler:

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

Aby uzyskać selektor w angular.element(selector) pracy, ty musi zawierać jquery przed angular i polymer przed jquery!

Odpowiedz

3

Zrobiłem film pokazujący, jak składnik Web (pierwiastek Polymer) można rozmawiać z kątowym dyrektywy: http://www.youtube.com/watch?v=p1NpZ-0Op0w&list=PLRAVCSU_HVYu-zlRaqArF8Ytwz1jlMOIM&index=1

Przykładem w tym wideo przetwarzania danych wiąże składniki atrybutów przy użyciu danych kątowych wyposażone są wiążące, ale Powinien móc korzystać z innych funkcji, aby wszystko działało. Czy próbowałeś dodać ng-click na <polymer-ui-sidebar-menu>?

+0

Znalazłem twoje wideo kilka minut po moim wpisie i próbowałem użyć twoich przykładów dla mojej aplikacji, ponieważ w rzeczywistości potrzebuję "kart" ... * Złych wiadomości *: Otworzyłem link pokazany w wideo i nic nie zobaczyłem! * Dobra wiadomość *: Znalazłem twoje odpowiadające repozytorium github i od tego czasu próbowałem sprawić, żeby coś działało ... Ale do teraz. bez szczęścia. Właściwie używam skomentowanej wersji polimerowej 'tabs.html', ponieważ wydaje się, że jest to twój ulubiony sposób? W tej chwili widzę moje nagłówki "tabs" i białe pole poniżej, ale bez zakładek. Napisałem też problem na github. Byłoby wspaniale, gdybyś mi pomógł! Pozdrawiam –

+1

Zaktualizowałem kod, wprowadzając ostatnie zmiany API. Sprawy powinny znów działać. Pierwszy (skomentowany) element używa punktów wstawiania i jest prawdopodobnie najlepszym sposobem na tworzenie zakładek. Drugi sposób (bez komentarza) jest bardziej podobny do wersji Angular, dlatego jest podświetlony w filmie. – ebidel