Ttdfjt

Church Booleans

What is the improvement of the "legally binding commitment" proposed by Boris Johnson over the existing "backstop"?

Most practical knots for hitching a line to an object while keeping the bitter end as tight as possible, without sag?

Are required indicators necessary for radio buttons?

What professions would a medieval village with a population of 100 need?

How to create a summation symbol with a vertical bar?

Metal that glows when near pieces of itself

How to determine if an Apex class hasn't been used recently

Why we don't have vaccination against all diseases which are caused by microbes?

Why don't politicians push for fossil fuel reduction by pointing out their scarcity?

How can I pack my food so it doesn't smell?

Is refusing to concede in the face of an unstoppable Nexus combo punishable?

What can I do to keep a threaded bolt from falling out of it’s slot

Something in the TV

How to dismiss intrusive questions from a colleague with whom I don't work?

How much code would a codegolf golf if a codegolf could golf code?

Why were movies shot on film shot at 24 frames per second?

Why is 日本 read as "nihon" but not "nitsuhon"?

Is "stainless" a bulk or a surface property of stainless steel?

Is it allowable to use an organization's name to publish a paper in a conference, even after I graduate from it?

Is there a known non-euclidean geometry where two concentric circles of different radii can intersect? (as in the novel "The Universe Between")

Why would the US President need briefings on UFOs?

The sound of thunder's like a whip

Why didn’t Doctor Strange stay in the original winning timeline?

Magento 2 Knockout JS - nested arrays

Magento 2 Knockout JS data binding issueKnockout JS custom scope bindingMagento 2 knockout js render imageAlternative Knockout syntax?Knockout js child componentsMagento2 custom Knockout bindingQuestions about using knockoutknockout js dropdown issueMagento 2: Knockout JS dependent dropdownsRender getTemplate() in nested foreach

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I've got nested arrays in my config JSON:

Each Step node contains own products array.

Foreach binding in a template for steps array works fine (the title value is displayed). However, I can't list products array within single step node.

Here is my code:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li data-bind="text: title">
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

magento2 knockoutjs

share|improve this question

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

add a comment | 

0

I've got nested arrays in my config JSON:

Each Step node contains own products array.

Foreach binding in a template for steps array works fine (the title value is displayed). However, I can't list products array within single step node.

Here is my code:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li data-bind="text: title">
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

magento2 knockoutjs

share|improve this question

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

add a comment | 

I've got nested arrays in my config JSON:

Each Step node contains own products array.

Foreach binding in a template for steps array works fine (the title value is displayed). However, I can't list products array within single step node.

Here is my code:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li data-bind="text: title">
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

magento2 knockoutjs

share|improve this question

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li data-bind="text: title">
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

share|improve this question

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

share|improve this question

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

asked Aug 8 at 15:10

Pete JaworskiPete Jaworski

30833 silver badges1717 bronze badges

1 Answer
1

active

oldest

votes

1

Your text binding is overwriting the nested UL, so you'll want to use a separate element. Something like this should work:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li>
 <span data-bind="text: title"></span>
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

share|improve this answer

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, of course! Silly me. Thanks Ben.
  
  – Pete Jaworski
  Aug 8 at 17:53
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
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',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f284873%2fmagento-2-knockout-js-nested-arrays%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

Your text binding is overwriting the nested UL, so you'll want to use a separate element. Something like this should work:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li>
 <span data-bind="text: title"></span>
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

share|improve this answer

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, of course! Silly me. Thanks Ben.
  
  – Pete Jaworski
  Aug 8 at 17:53
  

  
  
  
  

add a comment | 

1

Your text binding is overwriting the nested UL, so you'll want to use a separate element. Something like this should work:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li>
 <span data-bind="text: title"></span>
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

share|improve this answer

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes, of course! Silly me. Thanks Ben.
  
  – Pete Jaworski
  Aug 8 at 17:53
  

  
  
  
  

add a comment | 

Your text binding is overwriting the nested UL, so you'll want to use a separate element. Something like this should work:

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li>
 <span data-bind="text: title"></span>
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

share|improve this answer

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges

<div id="configurator-wrapper" data-bind="scope: 'drago-configurator'">
 <ul data-bind="foreach: steps">
 <li>
 <span data-bind="text: title"></span>
 <ul data-bind="foreach: products">
 <li data-bind="text: name"></li>
 </ul>
 </li>
 </ul>
</div>

share|improve this answer

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges

answered Aug 8 at 16:32

Ben CrookBen Crook

10.2k2626 silver badges8282 bronze badges