2013-11-02 5 views
5

मैं सिर्फ बहुलक के साथ प्रयोग और एक एकल पृष्ठ अनुप्रयोग में एक साथ इसका इस्तेमाल करने AngularJS साथ प्रयास करने के लिए शुरू कर दिया है। इसलिए मैंने दो polymer-ui-components: polymer-ui-sidebar-menu और polymer-ui-pages उठाया। प्रत्येक बार जब उपयोगकर्ता साइडबार से कोई आइटम चुनता है, तो पेज घटक को उसी आइटम के साथ अपना आइटम दिखाना चाहिए ...तारों एक साथ बहुलक घटकों और कोणीय नियंत्रकों

लेकिन इन दो घटकों को कैसे तारें?

मैं मेनू से onclick घटना का उपयोग करने की कोशिश की है, लेकिन इस अपेक्षा के अनुरूप काम नहीं करते।

शायद पॉलिमर के बारे में कोई भी उपयोगी दस्तावेज अपने स्वयं के दस्तावेज के अलावा विश्वव्यापी वेब में मौजूद है?

अद्यतन:

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> 

नियंत्रक:

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

angular.element(selector) कामकाज में चयनकर्ता पाने के लिए आपको jquery से पहले angular और polymer से पहले शामिल करना होगा!

उत्तर

3

मैं एक वीडियो का प्रदर्शन कैसे एक वेब घटक (पॉलिमर तत्व) एक कोणीय निर्देश से बात कर सकते बनाया: बाध्यकारी सुविधा कोणीय के डेटा का उपयोग कर विशेषताओं http://www.youtube.com/watch?v=p1NpZ-0Op0w&list=PLRAVCSU_HVYu-zlRaqArF8Ytwz1jlMOIM&index=1

है कि वीडियो में उदाहरण डेटा-बांधता घटकों, लेकिन आप काम करने के लिए अन्य सुविधाओं का उपयोग करने में सक्षम होना चाहिए। क्या आपने ng-click<polymer-ui-sidebar-menu> पर जोड़ने का प्रयास किया है?

+0

मुझे आपकी पोस्ट के कुछ मिनट बाद आपका वीडियो मिला है और मैंने अपने ऐप के लिए अपने उदाहरणों का उपयोग करने की कोशिश की है, क्योंकि वास्तव में मुझे 'टैब' की आवश्यकता है ... * खराब समाचार *: मैंने लिंक दिखाया वीडियो और कुछ भी नहीं देखा! * अच्छी खबर *: मुझे आपकी संबंधित जिथब रिपोजिटरी मिली और तब से मैंने काम करने की कोशिश की ... लेकिन अब तक। कोई भाग्य के साथ। असल में मैं 'tabs.html' के टिप्पणी वाले बहुलक संस्करण का उपयोग करता हूं क्योंकि यह आपका पसंदीदा तरीका प्रतीत होता है? फिलहाल मैं अपने 'टैब शीर्षक' और नीचे एक सफेद बॉक्स देखता हूं, लेकिन कोई टैब नहीं। इसके अलावा मैंने जिथब में एक मुद्दा लिखा था। यह बहुत अच्छा होगा, अगर आप मेरी मदद कर सकते हैं! सादर –

+1

हाल के एपीआई परिवर्तनों के साथ कोड को अपडेट किया गया। चीजें फिर से काम करना चाहिए। पहला (टिप्पणी) '<बहुलक-तत्व> 'सम्मिलन बिंदुओं का उपयोग करता है और शायद टैब करने का सबसे अच्छा तरीका है। दूसरा तरीका (असम्बद्ध) कोणीय संस्करण के समान है, यही कारण है कि यह वीडियो में हाइलाइट किया गया है। – ebidel

संबंधित मुद्दे