ComponentResolver.resolveComponent ile kullanmak için bir ngFor döngüsünde benzersiz Anchor Adları/Bileşenleri oluşturmanız gerekir.dinamik anchorName/Bileşenleri Angular2 içinde ComponentResolver ve ngFor ile oluştur
<div>
<table>
<tr>
<td>
<div #uniqueanchorname0_0></div>
</td>
<td>
<div #uniqueanchorname0_1></div>
</td>
</tr>
<tr>
<td>
<div #uniqueanchorname1_0></div>
</td>
<td>
<div #uniqueanchorname1_1></div>
</td>
<td>
<div #uniqueanchorname1_2></div>
</td>
</tr>
</table>
</div>
önüne aldığımızda ben gibi DynamicComponentLoader kullanabilirsiniz::
loader.loadIntoLocation(responseDependentComponent, elementRef, 'uniqueAnchorName1_2');
elde edilen HTML yerini almaz ve bir şey olacaktır
<div>
<table>
<tr *ng-for="#vIndex of vArr">
<td *ng-for="#hIndex of hArr">
<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div>
</td>
</tr>
</table>
</div>
çıkan html böyle bir şey görünmelidir gibi:
<div>
<table>
<tr>
<td>
<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div>
</td>
<td>
<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div>
</td>
</tr>
<tr>
<td>
<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div>
</td>
<td>
<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div>
</td>
<td>
<div #uniqueanchorname{{vIndex}}_{{hIndex}}></div>
</td>
</tr>
</table>
</div>
Benzersiz bağlantı adları oluşturulamıyorsa. Bileşenleri belirli bir yere yüklemek için başka bir yolu var mı?
Eğer # 'gibi bir şey {{' deneyebilirsiniz
Bileşen uniqueAnchorName '+ vIndex +' _ '+ hIndex}} –
Sorununuzu gerçekten anlamıyorum. İşe yaradı mı? Yapmadı mı? Denemedim ama görebildiğim tek şey, değişken isminde büyük harf kullanmanın gerçeği. Eğer 'uniqueAnchorName' yazıyorsanız, tarayıcı ng2 derlemeden önce 'uniqueanchorname' olarak küçük harfle yazacaktır. –
@PankajParkar bıyık ({{xxx}}) özniteliklerde yerini almaz, sonuçta ortaya çıkan html hala ipucu için #uniqueAnchorName {{vIndex}} _ {{hIndex}} –