Ciao,
da 1 settimana mi sono imbattuto in Ionic framework e volevo provarlo, dopo 7 giorni mi chiedo ancora se questo framework conosce un concetto di semplicità??!
Sto impazzendo per fare un banalità e mi sono accorto che la documentazione è fatta risicata al massimo! Sarà meglio cambiare framework??
Vi mostro l'esempio (semplice sidebar con un testo al centro...che chiaramente non funziona)
ehcapp.js comprende banalmentecodice:<!DOCTYPE html> <html > <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title></title> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> <link href="css/ionicons.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above <link href="css/ionic.app.css" rel="stylesheet"> --> </head> <body ng-app="ehc"> <ion-side-menus enable-menu-with-back-views="false"> <ion-side-menu-content> <!-- barra in alto con pulsante mostra menu --> <ion-nav-bar class="nav-title-slide-ios7 bar-positive"> <ion-nav-back-button> </ion-nav-back-button> <ion-nav-buttons class="button-balanced" side="left"> <button class="button button-icon ion-navicon" menu-toggle="left"></button> </ion-nav-buttons> </ion-nav-bar> <!--<ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>--> <ion-nav-view> <ion-view title="Ionic Shopping Checkout"> <ion-content padding="true"> <h1>BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB BBBBB</h1> </ion-content> </ion-view> </ion-nav-view> </ion-side-menu-content> <!-- ================================= menu nascosto ================================= --> <ion-side-menu side="left"> <header class="bar bar-header bar-dark"> <h1 class="title">Left menu voce</h1> </header> <ion-content has-header="true" overflow-scroll="true"> <ul class="list"> <a class="item item-icon-left gray" href="#" ng-click="toggleLeftMenu()"><i class="icon ion-home"></i>Cover </a> <a class="item item-icon-left gray" href="#" ng-click="toggleLeftMenu()"><i class="icon ion-help"></i>Get Help </a> <a class="item item-icon-left gray" href="#" ng-click="toggleLeftMenu()"><i class="icon ion-star"></i> Rate Us </a> <a class="item item-icon-left gray" href="#" ng-click="toggleLeftMenu()"><i class="icon ion-gear-a"></i>Settings </a> </ul> </ion-content> </ion-side-menu> </ion-side-menus> </body> </html> <!-- remove in production --> <script src="http://easyhomecosts.localhost:9000/livereload.js"></script> <!-- ionic/angularjs js --> <script src="lib/ionic/js/ionic.bundle.js"></script> <!-- cordova script (this will be a 404 during development) --> <!-- <script src="cordova.js"></script> --> <!-- your app's js --> <script src="js/ehcapp.js"></script> <!--<script src="js/controllers.js"></script> <script src="js/services.js"></script>-->
andando sulla index vedo il menu e funziona regolarmente, ma chiaramente tutte le BBBBBBB non si vedono, come mai??codice:angular.module("ehc", ["ionic"]) .config(function ($urlRouterProvider,$stateProvider) { $urlRouterProvider.otherwise('/a'); $stateProvider.state('stateA', { url: '/a'/*, views: { a: { templateUrl: 'templates/a.html' }, b:{ templateUrl: 'templates/b.html' } }*/ }); $stateProvider.state('stateB', { url: '/b', views: { b: { // templateUrl: 'templates/b.html' } } }); }).run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); } if (window.StatusBar) { // org.apache.cordova.statusbar required StatusBar.styleLightContent(); } }); })
Rispondi quotando
Originariamente inviata da lbottoni
