3. Onsen Running on Android and Browser with different behavior

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Onsen Running on Android and Browser with different behavior


  • 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!

    0 1 Reply
  • 侍

    @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?

    0 1 Reply

  • @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

    0