Navigation

    Monaca & Onsen UI
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. arcadio
    A
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    arcadio

    @arcadio

    0
    Reputation
    9
    Posts
    863
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    arcadio Follow

    Posts made by arcadio

    • RE: Controller 'leaflet', required by directive 'center'

      I deleted ‘center’ from the line :
      angular-leaflet-directive.js:var centerDirectiveTypes = [‘center’, ‘lfCenter’];

      posted in Onsen UI
      A
      arcadio
    • RE: Why ons.ready is always executed twice?

      Thank you
      I was running twice the controller

      posted in Onsen UI
      A
      arcadio
    • Why ons.ready is always executed twice?

      index.html

      <!DOCTYPE html>
      <html lang="en" ng-csp>
      <head>
          <title>xxxxxxxxxxxxxx</title>
          <meta http-equiv="Content-type" content="text/html; charset=utf-8">
          <meta http-equiv="Content-Security-Policy">
      
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
          <style>
              @-ms-viewport { width: 100vw ; zoom: 100% ; }  @viewport { width: 100vw ; zoom: 100% ; }
              @-ms-viewport { user-zoom: fixed ; }           @viewport { user-zoom: fixed ; }
          </style>  
      
          <link rel="stylesheet" href="lib/onsen/css/onsenui.min.css" />
      	<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.min.css" />
      
          <link rel="stylesheet" href="lib/onsen/js/angular/angular-csp.css" />
      
          <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>
      
      	<script src="cordova.js"></script>
      	<script src="js/app.js"></script>
      </head>
      
      <body>    
      <div ng-controller="PruebaController">
      ...
      ....
      ...
      </div> 
      </body>
      </html>
      

      app.js

      var myApp = ons.bootstrap('app', ['onsen', "ngSanitize"]);
      myApp.controller('PruebaController', function($scope, $filter, $sce, $http, $q, $interval, $location, $anchorScroll) {
      ...
      ...
      ons.ready(function() {
      ...
      ...
      }
      ...
      }
      

      Why ons.ready is always executed twice?

      Thanks in advance

      posted in Onsen UI
      A
      arcadio
    • Controller 'leaflet', required by directive 'center'

      index.html

      <link rel="stylesheet" href="lib/onsen/css/onsenui.css" />
      <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.min.css" />
      <link rel="stylesheet" href="lib/onsen/js/angular/angular-csp.css" />
      <link rel="stylesheet" href="css/leaflet.css" />
      
      <script src="js/leaflet.js"></script>
      <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>
      
      <script src="js/angular-leaflet-directive.js"></script>
      

      …
      …

      <leaflet defaults="defaults" markers="markers" lf-center="puntoCentral" height="{{innerheight}}px" width="100%"></leaflet>	
      or
      <leaflet defaults="defaults" markers="markers" center="puntoCentral" height="{{innerheight}}px" width="100%"></leaflet>	
      

      it works perfectly on onsenui 2.4.2 but 2.5.x dosn’t work

      “
      Error: $compile:ctreq Missing Required Controller
      Controller ‘leaflet’, required by directive ‘center’, can’t be found!
      ”

      thanks in advance

      posted in Onsen UI
      A
      arcadio
    • RE: Angularjs bind not working

      I transcribed it wrong
      Still not working

      posted in Onsen UI
      A
      arcadio
    • RE: Angularjs bind not working

      My code is:

      <html lang="en" ng-app="app" ng-csp>
      	<head>
      	...
      	...
      	</head>
      	<body ng-app="myApp">    
      		<div ng-controller="PruebaController">
      		  <ons-sliding-menu
      			menu-page="menu.html" main-page="hola.html" side="left"
      			var="menu" type="reveal" max-slide-distance="260px" >
      		  </ons-sliding-menu>
      			<ons-template id="menu.html">
      				<ons-page modifier="menu-page">
      				....
      				....
      				</ons-page>
      			</ons-template>
      			<ons-template id="showImagen.html">  
      				<ons-page>
      				....
      				....
      					</ons-page>
      			</ons-template>
      		</div> 
      	</body>
      </html>
      

      in menu I see {{…}} and it doesn’t show the text into <ons-list-item> I wrote in the message: Urgent: <ons-list> doesn’t work in iOS

      Can you find out my error?

      Thanks in advance

      posted in Onsen UI
      A
      arcadio
    • RE: Angularjs bind not working

      I have the same problem… you can see “Urgent: <ons-list> doesn’t work in iOS”. I don’t know a solution in this moment.

      I have changed <ons-list>, <ons–list-item>… for <ons-row> its not good but it work

      posted in Onsen UI
      A
      arcadio
    • RE: can't use angular with input

      You need <form>

      <form name="formprueba" model="formData" >
      	<input type="text" class="text-input" ng-model="formData['username']" name ='username' />
      </form>
      
      posted in Onsen UI
      A
      arcadio
    • 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

      posted in Onsen UI
      A
      arcadio