Home passing variable from ngfor to another ngfor not in the same element
Reply: 0

passing variable from ngfor to another ngfor not in the same element

user45272
1#
user45272 Published in September 20, 2018, 10:22 pm

Please help me, I'm on angular 4. I want to pass the soustory variable from the second loop to the third loop so I can list the rest of the data on a separate row.

<div class="row">
  <ng-container *ngFor="let story of strlist;">
    <div class="col">
      {{story.title}}
      <div class="row">
        <div class="col" *ngFor="let soustory of story.sous">
          {{soustory.title}}
        </div>
      </div>
    </div>
  </ng-container>
</div>
<hr>
<div class="row">
  <div class="col" *ngFor="let s of soustory.third">
    {{s.title}}
  </div>
</div>

below the data arrays (

 [
      // story principale 1
      {
        id: 1, title: 'A1', description: 'doing',
        // sous story niveau 2
        sous: [
          {
            id: 1, title: 'T1', description: 'doing',
            // third story niveau 3
            third: [{ id: 3, title: ' S1', description: 'kyrie irving' },
            { id: 3, title: ' S2', description: 'lebron james' }]
          },
          // sous story niveau 2
          {
            id: 2, title: 'T2', description: 'ready',
            // third story niveau 3
            third: [{ id: 3, title: 'S3', description: 'giannis' }, { id: 3, title: 'S4', description: 'giannis' }]
          },
          // sous story niveau 2
          { id: 3, title: 'T3', description: 'done' }]
      },



    ];

But nothing goes there.

can someone help me please

share|improve this question
  • look like it can be valuable improvement for the template language of angular – Taha Feb 14 at 10:02
  • were still waiting for experts for answears if there is a sollution i hope so – JsNinja Feb 14 at 10:03
  • can you please share your arrays? – Commercial Suicide Feb 14 at 11:35
  • question is edited – JsNinja Feb 14 at 11:43

active oldest votes

Your Answer

StackExchange.ifUsing("editor", function () { StackExchange.using("externalEditor", function () { StackExchange.using("snippets", function () { StackExchange.snippets.init(); }); }); }, "code-snippets"); StackExchange.ready(function() { var channelOptions = { tags: "".split(" "), id: "1" }; initTagRenderer("".split(" "), "".split(" "), channelOptions); StackExchange.using("externalEditor", function() { // Have to fire editor after snippets, if snippets enabled if (StackExchange.settings.snippets.snippetsEnabled) { StackExchange.using("snippets", function() { createEditor(); }); } else { createEditor(); } }); function createEditor() { StackExchange.prepareEditor({ heartbeatType: 'answer', convertImagesToLinks: true, noModals: false, showLowRepImageUploadWarning: true, reputationToPostImages: 10, bindNavPrevention: true, postfix: "", onDemand: true, discardSelector: ".discard-answer" ,immediatelyShowMarkdownHelp:true }); } });
 
StackExchange.ready( function () { StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f48783264%2fpassing-variable-from-ngfor-to-another-ngfor-not-in-the-same-element%23new-answer', 'question_page'); } );

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Browse other questions tagged angular ngfor or ask your own question.

StackExchange.ready(function(){$.get('/posts/48783264/ivc/cf21');});
StackExchange.ready(function () { StackExchange.responsiveness.addSwitcher(); }) (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); StackExchange.ready(function () { StackExchange.ga.init({ sendTitles: true, tracker: window.ga, trackingCodes: [ 'UA-108242619-1' ] }); StackExchange.ga.setDimension('dimension2', '|angular|ngfor|'); StackExchange.ga.setDimension('dimension3', 'Questions/Show'); StackExchange.ga.trackPageView(); }); /**/ var _qevents = _qevents || [], _comscore = _comscore || []; (function() { var ssl = 'https:' == document.location.protocol, s = document.getElementsByTagName('script')[0], qc = document.createElement('script'); qc.async = true; qc.src = (ssl ? 'https://secure' : 'http://edge') + '.quantserve.com/quant.js'; s.parentNode.insertBefore(qc, s); _qevents.push({ qacct: "p-c1rF4kxgLUzNc" }); /**/ var sc = document.createElement('script'); sc.async = true; sc.src = (ssl ? 'https://sb' : 'http://b') + '.scorecardresearch.com/beacon.js'; s.parentNode.insertBefore(sc, s); _comscore.push({ c1: "2", c2: "17440561" }); })();
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.27964 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO