Problem with *ngFor and panelMenu

[danielamas]

Hi!

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>

But if I use this way the panel works:

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>

Is it possible use *ngFor to repeat tag <li>????

Tks for all since now !!!!

[cagatay.civici]

In theory it should work, we'll check and get back to you.

[danielamas]

In theory it should work, we'll check and get back to you.

Tks optimus!!!

I'll try to use <p-tree> for while.

[cagatay.civici]

@Trypticon, please take over.

[DarthMaul]

I'll replicate your problem and inform you about it.

[DarthMaul]

Everything works fine locally can you please share your ts file.

[cagatay.civici]

Have you managed to get this working?

[danielamas]

Have you managed to get this working?

No, I don't try because my boss asked me about to use Tree and TreeNode...

[danielamas]

Have you managed to get this working?

No, I don't try because my boss asked me about to use Tree and TreeNode...

But now I have a issue with TreeNode:

app/dashboard/dashboard-map.component.ts(13,35): error TS2304: Cannot find name 'TreeNode'

Code: Select all

10 import {TreeNode} from 'primeng/primeng';
11
12 @Component({
13 	directives: [MapComponent, Tree, TreeNode],

Can you help me??

[DarthMaul]

Hi, directives:[UITreeNode] try this.