How to get the index in a p-dataList?

UI Components for Angular
Post Reply
User avatar
tefron
Posts: 94
Joined: 15 Sep 2010, 23:54
Location: Canada
Contact:

24 May 2016, 18:23

For Example:

Code: Select all

                        <p-dataList [value]="questions">
                            <template let-question #i=index>
                                <li>
                                    <div class="ui-grid ui-grid-responsive ui-grid-pad" style="margin-bottom:10px">
                                        <div class="ui-grid-row">
                                            <div class="ui-grid-col-12">
                                                <span>{{question}}</span>
                                            </div>
                                            <div class="ui-grid-col-1">
                                                <p-radioButton value="Yes" [(ngModel)]="aswers[i]"></p-radioButton>
                                            </div>
                                            <div class="ui-grid-col-2">
                                                <label class="ui-widget">Yes</label>
                                            </div>
                                            <div class="ui-grid-col-1">
                                                <p-radioButton value="No" [(ngModel)]="aswers[i]"></p-radioButton>
                                            </div>
                                            <div class="ui-grid-col-2">
                                                <label class="ui-widget">No</label>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </template>
                        </p-dataList>


PrimeFaces: primefaces-8.0
Mojara2.3
Netbeans8.2
wildfly-17.0.1.Final

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

24 May 2016, 18:43

You need to use let syntax;

Code: Select all

<p-dataList [value]="questions">
    <template let-question let-i=index>

User avatar
tefron
Posts: 94
Joined: 15 Sep 2010, 23:54
Location: Canada
Contact:

24 May 2016, 19:31

Thanks so much for the quick reply:-).
PrimeFaces: primefaces-8.0
Mojara2.3
Netbeans8.2
wildfly-17.0.1.Final

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

24 May 2016, 23:06

Glad to help!

User avatar
tefron
Posts: 94
Joined: 15 Sep 2010, 23:54
Location: Canada
Contact:

26 Jul 2016, 16:52

This doesn't work in beta 11.

When I put let-i=index I get i = NaN instead of the index.
PrimeFaces: primefaces-8.0
Mojara2.3
Netbeans8.2
wildfly-17.0.1.Final

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

26 Jul 2016, 21:25

Create a defect report please at github, this should be easy to fix.

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests