Git Product home page Git Product logo

Comments (11)

alexandruantonica avatar alexandruantonica commented on September 25, 2024 1

Hi @MuhammadTahir92
Sure.
Below you have a sample of my code.

<Pager [items]="groupedProperties"
                       #pager
                       dock="top"
                       [selectedIndex]="currentPagerIndex"
                       (selectedIndexChanged)="onIndexChanged($event)">

                    <ng-template pagerItemTemplate let-i="index" let-properties="item">
                        <StackLayout>
                            <!-- profiles -->
                            <StackLayout [style.width]="card.width" [class]="card.classes[i]">
                                <DockLayout stretchLastChild="true" class="container" height="100%">
                                    ....
                                    <!-- content -->
                                    <DockLayout dock="bottom" class="card-container">
                                        <!-- info -->
                                        <ListView [items]="properties" class="list-group">
                                            <ng-template let-property="item">
                                                <StackLayout>
                                                    <Fields [item]="property" (tap)="onTap(property)"></Fields>
                                                </StackLayout>
                                            </ng-template>
                                        </ListView>
                                    </DockLayout>
                                </DockLayout>
                            </StackLayout>
                    </ng-template>
                </Pager>

If still doesn't work for you, please make an example in Playground and share with us. I guess it will be very useful for @triniwiz .

from nativescript-pager.

MuhammadTahir92 avatar MuhammadTahir92 commented on September 25, 2024

any update on it?

from nativescript-pager.

triniwiz avatar triniwiz commented on September 25, 2024

The core version works fine i need to do more testing on the angular side

from nativescript-pager.

MuhammadTahir92 avatar MuhammadTahir92 commented on September 25, 2024

ok

from nativescript-pager.

alexandruantonica avatar alexandruantonica commented on September 25, 2024

@triniwiz ListView works fine inside of Pager with angular. I use something like that in my apps.
@MuhammadTahir92 I guess your problem is with Ripple plugin.
You use <RL:Ripple> instead of registering Ripple and use it like that <Ripple>.

from nativescript-pager.

MuhammadTahir92 avatar MuhammadTahir92 commented on September 25, 2024

@alexandruantonica i test it but its not working result is the same as before ?

can you share your code sample in which you are using angular listview with pager

from nativescript-pager.

MuhammadTahir92 avatar MuhammadTahir92 commented on September 25, 2024

ok i will

from nativescript-pager.

zeesulehria avatar zeesulehria commented on September 25, 2024

well i also got same issue hear
and this is my play ground link
https://play.nativescript.org/?template=play-ng&id=c79l7G

from nativescript-pager.

zeesulehria avatar zeesulehria commented on September 25, 2024

its not showing any list item

from nativescript-pager.

zeesulehria avatar zeesulehria commented on September 25, 2024

Found the issue. You have to use ListView in a component. Directly using ListView in Pager doesn't work.

from nativescript-pager.

racknoris avatar racknoris commented on September 25, 2024

@zeesulehria What do you mean? A custom component?

from nativescript-pager.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.