Onsen Running on Android and Browser with different behavior

Felix Ivan Romero Rodríguez

Hi, I am pretty new using Onsen and I have some issue and I can not figure out what is happening. I am building an application with Apache Cordova then I try to run it using the command “cordova run browser” everything works fine but when I deploy to a device using “cordova run android” the beahvior is pretty different, and application doesn’t work correctly or doesn’t work. How can I find what is happening when I run the application on device?
I am using:

cordova 6.4.0
OnsenUI 2.0.4
AngularJS 1.4.8
Running on browser Google Chrome 54.0…
Running on device LG90 with Android 4.4.2

Best Regards!

munsterlander

@Felix-Ivan-Romero-Rodríguez Can you help clarify what does not work? Are you able to make a codepen with an example that reproduces the issue?

Felix Ivan Romero Rodríguez

@munsterlander For instance I got this simple view
template

<ons-page ng-controller="VisionController" modifier="material">
    <ons-toolbar >

        <div class="left">
            <ons-toolbar-button ng-click="carousel.prev()" modifier="material">
                <ons-icon icon="md-chevron-left"></ons-icon>
            </ons-toolbar-button>
        </div>
        <div class="center" ng-click="carousel.next()">Visión  para Vivir</div>
        <div class="right">
            <ons-toolbar-button ng-click="carousel.next()" modifier="material">
                <ons-icon icon="md-chevron-right"></ons-icon>
            </ons-toolbar-button>
        </div>
    </ons-toolbar>
    <ons-carousel swipeable overscrollable fullscreen auto-scroll modifier="material" var="carousel" >
        <ons-carousel-item data-ng-repeat="doc in documents" modifier="material">

            <div class="list__item__left">
                <span class="contact-initials">{{doc.title}}</span>
            </div>
            <div class="list__item__center">
                <ons-ripple color="rgba(0, 0, 0, 0.1)"></ons-ripple>
                <div>{{doc.content}}</div>
            </div>
        </ons-carousel-item>
    </ons-carousel>


</ons-page>

controller

'use strict';
angular.module('vision4living').controller('VisionController',function ($scope) {    
    var documents  = [];
    //ons.notification.alert({
    //    message: 'pepe'
    //});

    for (var i = 0; i < 100; i++) 
    {
        documents.push({
            "title":"My title" +i*2,
            "content":"Lorem ipsum"+i*3,
            "note":"Anima"+i*4
        });
    }

    $scope.documents = documents;

    

});

Running on web works fine, the carousel, but in the device it is just static, the carousel doesn’t work
This is the url of the project Vision4Living

Onsen Running on Android and Browser with different behavior browsing