I deleted ‘center’ from the line :
angular-leaflet-directive.js:var centerDirectiveTypes = [‘center’, ‘lfCenter’];
arcadio
@arcadio
Posts made by arcadio
-
RE: Controller 'leaflet', required by directive 'center'
-
RE: Why ons.ready is always executed twice?
Thank you
I was running twice the controller -
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
-
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
-
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
-
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
-
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>
-
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