Urgent: <ons-list> doesn't work in iOS



  • onsenui v2.0.4 - 2016-11-04
    AngularJS v1.5.8
    angular-onsenui.js for onsenui - v2.0.4 - 2016-11-04

    <script src="lib/onsen/js/angular/angular.min.js"></script>
    <script src="lib/angular-sanitize/angular-sanitize.min.js"></script>
    <script src="lib/onsen/js/onsenui.min.js"></script>
    <script src="lib/onsen/js/angular-onsenui.min.js"></script>
    <link rel="stylesheet" href="lib/onsen/css/onsenui.css" />
    <link rel="stylesheet" href="lib/onsen/css/onsen-css-components-blue-basic-theme.css" />
    <link rel="stylesheet" href="lib/onsen/js/angular/angular-csp.css" />
    
    ...
    ...
        <ons-template id="index.html">
            <ons-page>
                <ons-list>
                        <ons-list-header></b><font size="4">{{....}}</font></ons-list-header>
                        <ons-list-item class="list-item-container list__item__line-height"...>
                                ....
                        </ons-list-item>
                        <ons-list-item>...
                        ....
                        </ons-list-item>
                </ons-list>
                ....
            </ons-page>
        </ons-template>
    ...
    ...
    

    <ons-list-item> shows empty
    it works in Android
    it works in intel xdk simulate all versions of iOS
    but it doesn’t work in iOS device (sample iphone 6 plus)

    If I change <ons-list>, <ons-list-item>, … to <ons-row> it shows data ok


    next image is something like the error
    left: google chrome is perfect
    right: firefox is like in iphone

    0_1481873164119_Sin nombre.png


Log in to reply