Using this example I see no list?

http://learn.ionicframework.com/videos/intro-to-lists-in-ionic/

You’re going to have to give us some more information.

Here is a basic codepen with a list: http://codepen.io/anon/pen/YPrabX?editors=101

Here is a list with the option to delete, reorder, edit and share: http://codepen.io/anon/pen/xbXWNN?editors=101

Even with the initial explicitly defined items. I am using “ionic start appname blank” because my app has no tabs.

I just created the app from the command you gave and the index.html file contains this initially:

<ion-pane>
  <ion-header-bar class="bar-stable">
    <h1 class="title">Ionic Blank Starter</h1>
  </ion-header-bar>
  <ion-content></ion-content>
</ion-pane>

Adding an ion-list with an ion-item shows it:

<ion-content>
    <ion-list>
        <ion-item>
            test  
        </ion-item>
    </ion-list>
</ion-content>

What shows if you run ionic info in your command line?

I see this

This is the iOS sim, but same issues with serve. Before I didn’t even see the list items, just the header.

OS: Mac OS X Yosemite
Node Version: v0.10.35
Cordova CLI: 4.2.0
Ionic Version: 1.0.0-beta.14
Ionic CLI Version: 1.3.3
Xcode version: Xcode 6.1.1 Build version 6A2008a
ios-sim version: 3.1.1

What I can see is that the styles are not being loaded.

Try running

ionic emulate ios -l -c -s 

and check if the styles are loaded or not.

I’m going to do a fresh build.

OK, not sure what was up, but building it again worked. I’m just trying to recreate an app I built using native iOS as Android, etc. Ionic looks interesting.

MANY THANKS!!

1 Like