arcadio

arcadio

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

arcadio

Thank you
I was running twice the controller

arcadio

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

arcadio

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

arcadio

I transcribed it wrong
Still not working

arcadio

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

arcadio

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

arcadio

You need <form>

<form name="formprueba" model="formData" >
	<input type="text" class="text-input" ng-model="formData['username']" name ='username' />
</form>

arcadio

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

arcadio

@arcadio

Posts made by arcadio

index.html

app.js