AngularJS - $broadcast to only commence on the first match -


मेरे पास निम्न मार्कअप है: 

  & lt; div class = "parent" & gt; & Lt; div वर्ग = "बच्चों में बच्चे" & gt;

और अभिभावक के लिए निर्देश, और बच्चे के लिए एक निर्देश पहले बच्चे को झंडा मिला scope.isHovered = true , जबकि बाकी सब झूठे हो जाते हैं

अब, माता-पिता पर, जब एक बटन क्लिक किया जाता है, तो मैं चाहता हूं कि अगले बच्चे को चुना जाए। तो मेरे पास क्या था: 

  // मूल कार्यक्षेत्र के लिंक फ़ंक्शन .selectNext = function () {scope। $ Broadcast ('HOVER_NEXT'); } // चाइल्ड स्कोप के लिंक फंक्शन। Hovered = false; यदि (दायरे। $ पहले) scope.isHovered = सच; दायरा। $ ('HOVER_NEXT', फ़ंक्शन () (यदि (स्कोप.आईएच और amp; क्षेत्र। $$ अगला सिब्लिंग) {scope.isHovered = false; गुंजाइश। $ $ अगला सिबलिंग.हिंह = सच; गुंजाइश। $ लागू होते हैं हालांकि, एक घटना पर, सभी बच्चे को अपना कोड मिलता है  सही पर सेट है, क्योंकि  $ पर  प्रसारण, पहले बच्चे को पहली बार कहा जाता है, और इसलिए यह दूसरे बच्चे को सच्चा होना तय करता है। फिर दूसरे बच्चे को कहा जाता है, और इतने पर और आगे भी। 
 
 क्या इस चुनौती पर काबू पाने का एक तरीका है? रिवर्स ऑर्डर में बच्चों पर प्रसारित कॉल करें?

यह निर्देशों के बीच संचार का एक मामला है - बच्चे के साथ संचार माता-पिता.क्योंकि आपने निर्देश के लिए अपना कोड शामिल नहीं किया है, मैं साधारण मामलों को स्वीकार नहीं करूँगा.तुम्हें पता है कि $ प्रसारण का उपयोग नहीं करना चाहिए। $ $ से बचें अगले सिब्लिंग या $ $ - इसके कोणीय आंतरिक और परिवर्तन के अधीन। निम्नलिखित कोड स्निपेट कैप्चर करता है क्या का सारांश मैं कह रहा हूं: -

<पूर्व> // मूल निर्देशक लिंक: फ़ंक्शन (स्कोप, एल्म, एट्र) {var currentActive = 1; // पहला बच्चा सक्रिय बाल होगा Count = 0; $ Scope.getCurrenActive = फ़ंक्शन () {वर्तमान चालू करें; }; // उस क्रिया के एनजी-क्लिक पर कॉल करें जिसे आप $ scope.rotateCurrentActive () = समारोह के बारे में बात करते हैं () {currentActive ++; यदि (कोणीय.विनिर्धारित (स्कोप। चाइल्डकाउंट) और amp; वर्तमान क्रियात्मक; gt; बालकाउंट) {वर्तमान क्रिया = 1; }}; $ Scope.register = function () {// यह बच्चे की पहचान करने के लिए एक पंजीकरण संख्या या आईडी के रूप में कार्य करता है / हम इसका उपयोग रोटेशन के लिए 1 रिटर्न + + चाइल्डकाउंट पर भी कर सकते हैं; }} // बाल निर्देश की आवश्यकता है: '^ parent', गुंजाइश: {रजिस्टर: '& amp; }, लिंक: फ़ंक्शन (स्कोप, एल्म, एट्र) {var myId = scope.register (); Scope.getMyId = फ़ंक्शन () {myId; }}

अब देखें / HTML 

  & lt; div class = "parent" & gt; & Lt; div class = "child" ng- वर्ग = "{होवर: getMyId () == getCurrentActive ()}" & gt; & lt; / div & gt; & Lt; div class = "child" ng- वर्ग = "{होवर: getMyId () == getCurrentActive ()}" & gt; & lt; / div & gt; & Lt; div class = "child" ng- वर्ग = "{होवर: getMyId () == getCurrentActive ()}" & gt; & lt; / div & gt; & Lt; div class = "child" ng- वर्ग = "{होवर: getMyId () == getCurrentActive ()}" & gt; & lt; / div & gt; & Lt; div class = "child" ng- वर्ग = "{होवर: getMyId () == getCurrentActive ()}" & gt; & lt; / div & gt; & Lt; / div & gt;

-

Comments

Post a Comment

Popular posts from this blog

javascript - Render HTML after each iteration in loop -

I'm trying to gradually increase the font size of text on a web page. The code works in my place, although the new HTML / CSS does not render after every iteration of the loop and when all this is done, then display only the text of 100 px size. To see the text as if it is slowly zooming, I need to do this JavaScript is down because it is being used from a different file here is what I have ... & lt; P class = "game-title" style = "font-size: 50px" & gt; Test & lt; / P & gt; Function sleep (milliseconds) {var start = new date (). GetTime (); For (var i = 0; i & lt; 1e7; i ++) {if ((new date). GetTime () - start) & gt; Milliseconds {break; CSS ('font-size', 'parseInt ($ (' game-title '). CSS (' font-size ')) + 1 + "pixels"); } While (parasont ($ ('# text'). Css ('font-size')) & lt; = 100) {sleep (1000); IncreaseSize (); Using CSS: Use of jQuery (sample): $ ('...
Read more

java - Joda Time Interval Not returning what I expect -

मेरे पास निम्न प्रोग्राम है import java.util। *; Import java.text। *; आयात करें org.joda.time। *; सार्वजनिक श्रेणी के स्कोप कंट्रोल {सार्वजनिक स्थिर अंतराल मिलनसार () {दिनांक समय currDate = नया दिनांक समय (2008, 4, 4, 15, 30, 0, 0); दिनांक समय epochDate = नया दिनांकटाइम (2000, 1, 1, 12, 0, 0, 0); अंतराल अंतराल = नया अंतराल (युरोप डेट, करोडेट); वापसी अंतराल; } सार्वजनिक स्थिर शून्य मुख्य (स्ट्रिंग [] आर्ग्स) {डबल दिनबात = मिलते समय ()। ToDurationMillis () / 1000/60/60/24; StdOut.println (daysBtween); }} मुझे आउटपुट मिल रहा है: 3016.0 लेकिन जो मैं देख रहा हूं वह है: 3016.1458333333 मैं क्या कर रहा हूँ ? toDurationMillis एक लंबा लौटा देता है, और प्रत्येक प्रभाग को int के रूप में घोषित किया जाता है। जावा इस प्रकार इनट्स को लॉन्ग में परिवर्तित कर देगा और डिवीजन को लंबे समय तक लौटाना होगा। परिणाम को अंत में दोहरे रूप में परिवर्तित करना। डबल्स का उपयोग करके अभिव्यक्ति करने के लिए जावा को बताने के लिए, अभिव्यक्ति के किसी भी घटक को दोहरे रूप में घोषित करें। उदाहरण के लिए: ...
Read more

python - Pandas concat gives error ValueError: Plan shapes are not aligned -

I am quite new to pandas, I am trying to add a set of dataframe and I am getting this error Value error: Plan size is not alliance My understanding of the concat is that it will be included where the columns are the same, but those people For those who can not get it, the NA will not be filled in this case. The concat statement here DFS = [npo_jun_df, npo_jul_df, npo_may_df, npo_apr_df, npo_feb_df,] alpha = pd. Contact (DFS) If this helps, then I have encountered this error When I tried to add two data frames (and as the time of writing this is only a related hit, which I can find on Google other than the source code). I do not know whether the answer to OPP's solution has been solved (since he / she had not posted enough information), but for me, this was because when I ['A', 'B', 'B', 'C'] (Duplicate column) with codeat for df1 column See Headings?) With dataframe DF2 column ['A', 'B'] . Due to the obviou...
Read more