[Knockout] $parent: a way to refer the parent model from a foreach loop

dmitry_fedyuk · March 4, 2017, 2:04pm

mage2pro/core/blob/2.0.33/Payment/view/frontend/web/template/card.html?ts=4#L5-L19


      
          	<!-- ko foreach: cards -->
          		<div class='field choice'>
          			<input
          				data-bind="
          					attr: {'id': $parent.domId(id)}
          					,checked: $parent.currentCard
          					,value: id
          				"
          				type='radio' name='option' class='radio'
          			/>
          			<label data-bind="attr: {'for': $parent.domId(id)}" class='label'>
          				<span data-bind='html: label'></span>
          			</label>
          		</div>
          	<!--/ko-->

you can use $parent to refer to data from outside the foreach

http://knockoutjs.com/documentation/foreach-binding.html#note-2-using-index-parent-and-other-context-properties