Starter Nav Test in Git Not Working good


#1

Hi Ionic Team, I have checked the Nav Test Git Demo From here:

And when i load it it doesn’t work, and says that angular is not defined yet…
How can I fix this as well? is there any nightly with updated code that works?

Thanks,
Shaul.


#2

You have to but the ionic libs under lib/ionic :wink:

Look in your index.html there an ionic.bundle.js and ionic.css is required.
It is empty because it is a starter template where you can use any ionic versions for testing.
Like if you wanna check problems like “maybe this worked in the last version” and so on.


#3

Hi Bengtler, thanks for the your answer.
Though, I just downloaded the latest version 13 beta, and put it’s files respectfully in the lib folder, and now when i load the page, it shows a black background with nothing in it…

Is there any special way i need to reference the files in ionic other than copy the files to the lib folder?

Thanks…


#4

Check if the css file path is correct.

If so post your dir/file structur


#5

Hi , I just checked and it seems my css path is correct. here is the code i have now in index.html in the head:

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

  <title>Ionic Nav</title>

  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
  <script src="lib/ionic/js/ionic.bundle.js"></script>

  <link href="css/style.css" rel="stylesheet">
  <script src="js/app.js"></script>
  <!--<script src="cordova.js"></script>-->
</head>

and I have the right files in each directory… also I saw that the console has lots of errors, so i am almost sure i made a mistake somewhere, i just don’t know where…

also here is the folder I have, i have attached it for you here…

https://www.sendspace.com/file/mfwp14

let me know if you find anything. thanks for your time, I really appreciate it.

:slight_smile:


#6

In js/app.js

remove

$ionicConfigProvider.viewTransition('android-transition');

the other errors are 404 errors, because you do not have the icon-fonts -> icons are missing


#7

Hi bengtler, it works ! thank you so much for that.

But I admit, i would have never know how to fix this with my current ionic and angular knowledge… does this mean that ionic team need to update their code in those demos?

Thanks for your time :slight_smile:


#8

@mhartington
maybe you can have a look at this?


#9

Hey there.

So that repo is meant for the ionic team only right now. It’s not meant to be a starter project for the public, but we needed a way to test some navigation updates across multiple devices.


#10

Hi mharington, thanks for the explanation :slight_smile: