javascript - ion-view doesn't appear inside ion-nav-view -


after having done few tutorials, i'm getting started own ionic app. got start ionic's blank template. problem ion-view (in cards.js, see below) doesn't show @ inside ion-nav-view, i.e. don't child html tag ion-nav-view.

i used adam's answer this question make sure routes correctly setup, , don't error, think are. i'm not trying have tabs, 1 view.

if place breakpoint inside controller function, execution isn't paused apparently code not executed @ all, have trouble going deeper guts of framework figure out what's going on.

do have idea i'm missing/doing wrong here ?

my code is:

index.html

<!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/style.css" rel="stylesheet">      <!-- if using sass (run gulp sass first), uncomment below , remove css includes above     <link href="css/ionic.app.css" rel="stylesheet">     -->      <!-- ionic/angularjs js -->     <script src="lib/ionic/js/ionic.bundle.js"></script>      <!-- cordova script (this 404 during development) -->     <script src="cordova.js"></script>      <!-- libs-->     <script src="lib/ionic-contrib-tinder-cards/ionic.tdcards.js"></script>     <script src="lib/collide/collide.js"></script>      <!-- app's js -->     <script src="app/app.js"></script>     <script src="app/controllers/cards.js"></script>   </head>   <body ng-app="myapp">     <ion-nav-view></ion-nav-view>   </body> </html>

app.js

angular.module('myapp', ['ionic'])    .run(function($ionicplatform, $rootscope) {     $ionicplatform.ready(function() {       // hide accessory bar default (remove show accessory bar above keyboard       // form inputs)       if(window.cordova && window.cordova.plugins.keyboard) {         cordova.plugins.keyboard.hidekeyboardaccessorybar(true);       }       if(window.statusbar) {         statusbar.styledefault();       }     }); })    .config(function($stateprovider, $urlrouterprovider){     $stateprovider       .state('cards', {         url: '/cards',         views: {           'cards': {             templateurl: 'app/views/cards.html',             controller: 'cards'           }         }       });     $urlrouterprovider.otherwise('/cards');   });

cards.js

angular.module('myapp')   .controller('cards', function($scope) {     $scope.cards =  [       {title: 'card-1'},       {title: 'card-2'},       {title: 'card-3'}     ];   });

cards.html

<ion-view view-title="cards">   <ion-content ng-controller="cards">     <h1> cards view </h1>     <ion-list>       <ion-item ng-repeat="cards in cards">         {{card.title}}       </ion-item>     </ion-list>   </ion-content> </ion-view>

i have deleted previous post, pointed out reply totally wrong.

concerning routing , here mine. see difference synthax?

$urlrouterprovider.otherwise('/');  $stateprovider.state('camera',{     url:"/camera",     cache: false,     controller:"cameractrl",     templateurl:'app/views/loading/index.html' })

Comments

Post a Comment

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

i have 1 application using @manytomany annotation link 2 different entities 1 parent entity. not sure if have implemented properly. when execute .findone() on parent entity's repository find it, @ first fetch data along executing delete queries internally delete record mapping table (a table jpa creates after adding @manytomany annotation.). following generated sql queries , code snippet: java class @entity @table(name = "inventory") public class inventory { @id long id; // many other properties @manytomany(fetch=fetchtype.lazy) private list<stream> streams; @manytomany(fetch=fetchtype.lazy) private list<subject> subjects; } there no other annotation i've put in stream , subject entity class link inventory class. when run app, create following tables: inventory stream subject inventory_stream inventory_subject (inventory_stream , inventory_subject, 2 tables created automatically, don't k...
Read more

python - Mongodb How to add addtional information when aggregating? -

i beginner , wrote line pipeline works, wanna add other information output, screen name , or number of tweets.i tried add under $group gave me syntax error everytime here pipeline: def make_pipeline(): # complete aggregation pipeline pipeline = [ { '$match': { "user.statuses_count": {"$gt":99 }, "user.time_zone": "brasilia" } }, { "$group": { "_id": "$user.id", "followers": { "$max": "$user.followers_count" } } }, { "$sort": { "followers": -1 } }, { "$limit" : 1 } ]; i using on example : { "_id" : objectid("5304e2e3cc9e684aa98bef97"), "text" : "first week of school on :p", "in_reply_to_status_id" : null, "retweet_count" : null, ...
Read more

java - Incorrect order of records in M-M relationship in hibernate -

Image
i have 4 records in bridge table in mysql database. using @manytomany in hibernate, accurate order of employees incorrect incorrect of projects. following required material figure out doing mistake. this source. @entity @table(name="project") public class projectbean { @id @generatedvalue @column(name="project_id") private int projectid; @column(name="title") private string projecttitle; @manytomany(mappedby="projects") private collection<employeebean> employees; public projectbean() { employees = new arraylist<employeebean>(); } //getters & setters } @entity @table(name="employee") public class employeebean { @id @generatedvalue @column(name="employee_id") private int employee_id; @column(name="first_name") private string ...
Read more