I have problem to use *ngFor with panelMenu, I want repeat <li> tag for each setor, but collapse doesn't work. This is the code:
Code: Select all
<p-panelMenu style="width:300px">
<div>
<div><a data-icon="fa fa-leaf"><span>Name</span></a></div>
<div>
<ul>
<li *ngFor="#setor of setors">
<a data-icon="fa-plus"><span>{{setor.name}}</span></a>
<ul>
<li><a><span>Equip 1</span></a></li>
<li><a><span>Equip 2</span></a></li>
</ul>
</li>
</ul>
</div>
</div>
</p-panelMenu>
Code: Select all
<p-panelMenu style="width:300px">
<div>
<div><a data-icon="fa fa-leaf"><span>Name</span></a></div>
<div>
<ul>
<li>
<a data-icon="fa-plus"><span>Setor1</span></a>
<ul>
<li><a><span>Equip 1</span></a></li>
<li><a><span>Equip 2</span></a></li>
</ul>
</li>
<li>
<a data-icon="fa-plus"><span>Setor2</span></a>
<ul>
<li><a><span>Equip 1</span></a></li>
<li><a><span>Equip 2</span></a></li>
</ul>
</li>
</ul>
</div>
</div>
</p-panelMenu>
Tks for all since now !!!!