2013-08-07 11 views
5

मैं उत्तरदायित्व और AngularJS के लिए ज़र्ब के फाउंडेशन ढांचे का उपयोग कर एक आवेदन को संशोधित कर रहा हूं। एक बग है जहां <tr ng-repeat="obj in entries">...</tr> वाली तालिका में प्रदर्शित डेटा <td> है जो फाउंडेशन के उत्तरदायी नियमों के आधार पर छुपा/दिखाया गया है। दुर्भाग्यवश, जब कोणीय मॉडल को अद्यतन किया जाता है, तो फाउंडेशन नए प्रस्तुत किए गए डोम को फिर से प्रवाह नहीं करता है।फाउंडेशन और एंगुलरजेएस

मैंने $(document).foundation('table') का उपयोग करने की कोशिश की है जैसा कि मैंने व्यापक Google खोज में पाया है, लेकिन यह वास्तव में उत्तरदायी ध्वस्त तालिका का एक रिफ्लो ट्रिगर नहीं करता था। मैंने एक सरल $(window).trigger('resize') को ट्रिगर करने के लिए एक निर्देश भी जोड़ा जो पहले कॉल के लिए काम करता है, लेकिन बाद में कोई कॉल नहीं करता है।

कोई और इसमें भाग लेता है?

+0

यहां कुछ जवाब दिए गए हैं जो मदद कर सकते हैं: http://stackoverflow.com/questions/16753003/angularjs-initialize-zurb-foundation-js – Youdaman

उत्तर

8

आप दो तकनीकों को मिला रहे हैं जो एक साथ अच्छा नहीं खेलते हैं।

ज़र्ब फाउंडेशन द्वारा प्रदान की गई जेएस संपत्ति अनिवार्य रूप से अंगुलरजेएस में पाचन चक्र के साथ संघर्ष करेगी। इस कारण से --- कोणीय-बूटस्ट्रैप परियोजनाओं को jQuery प्लगइन को एंगुलरजेएस निर्देशों में बदलने के लिए उभरा।

http://angular-ui.github.io/bootstrap/

मैं समर्थन के समान स्तर पर विश्वास नहीं है, "यदि कोई हो", Zurb फाउंडेशन के लिए की पेशकश की है।

+7

अब है, हालांकि: http://pineconellc.github.io/कोणीय-नींव/ –

+0

@StephanMuller धन्यवाद, ठीक वही है जो मैं खोज रहा था, जबकि फाउंडेशन फॉर ऐप को एक साथ खींचा जा रहा है (http://zurb.com/article/1312/the-next-foundation) – markfknight

9

कोणीय यूआई बूटस्ट्रैप अज्ञात रूप से ढांचागत नहीं था इसलिए हमें इसे फाउंडेशन में अनुकूलित करने के लिए कुछ संशोधन करना पड़ा। आप यहां परिणाम और कोड देख सकते हैं: http://madmimi.github.io/angular-foundation/

+0

http: // pineconellc.github.io/angular-foundation/, लेकिन यह वास्तव में एक अच्छा कार्यान्वयन है :) –

+0

@ sorich87 क्या कोई कक्षा के बारे में जानता है? foundation.zurb.com/docs/components/orbit.html – Labanino

1

आपको हर समय कोणीय के साथ बूटस्ट्रैप का उपयोग करने के लिए मजबूर नहीं किया जाता है।

आप इस परियोजना का उपयोग यहां http://madmimi.github.io/angular-foundation/ कर सकते हैं जो UI BOOTSTRAP के समान ही करने की कोशिश करता है।

इसके अलावा, आप इस सूत्र Using Zurb Foundation Interchange with AngularJS

आशा इस मदद करता है संदर्भित कर सकते हैं!

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