Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
brodykidd committed Oct 9, 2015
1 parent 905674b commit ff7e52d
Showing 1 changed file with 1 addition and 99 deletions.
100 changes: 1 addition & 99 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -241,110 +241,12 @@ <h2 style="color:black; margin-bottom: 50px">How it all comes together</h2>
</section>


<section>
<div class="col preview demo-frame">
<iframe isrc="demos/list/index.html"></iframe>
</div>
<div class="col code">
<h2>Complex Lists</h2>
<ul style="margin-left: 70px">
<li>AngularJS Directive</li>
<li>Buttons exposed by swiping</li>
<li>Reorder</li>
<li>Delete</li>
</ul>
<pre><code data-trim contenteditable class="xml">
<ion-list>

<ion-item ng-repeat="item in items" item="item">
List Item {{ item.id }}
</ion-item>

</ion-list></code></pre>
</div>
</section>


<section>
<div class="col preview demo-frame">
<iframe isrc="demos/collection-repeat/index.html"></iframe>
</div>
<div class="col code">
<h3>Collection Repeat</h3>
<ul style="margin-left: 70px">
<li>Replacement for Angular's ng-repeat</li>
<li>Inspired by iOS’s UICollectionView</li>
<li>Scroll through thousands of items</li>
<li>Only renders the viewable items</li>
<li>Smooth scrolling!</li>
</ul>
<pre><code data-trim contenteditable class="xml">
<div class="list">
<div collection-repeat="c in contacts">
<h2>{{ c.name }}</h2>
<p>{{ c.email }}</p>
</div>
</div></code></pre>
</div>
</section>


<section>
<div class="col preview demo-frame">
<iframe isrc="demos/tabs/index.html"></iframe>
</div>
<div class="col code">
<h3>Navigation</h3>
<ul style="margin-left: 70px">
<li>Uses AngularUI Router</li>
<li>Shows back button when possible</li>
<li>Transitions follow direction of nav</li>
<li>Updates the app's URL</li>
<li>Multi-history stack</li>
</ul>
<pre><code data-trim contenteditable class="xml">
<ion-tabs>

<ion-tab title="Home" icon="ion-ios-home">
<ion-nav-view name="home"></ion-nav-view>
</ion-tab>

<ion-tab title="About" icon="ion-ios-information">
<ion-nav-view name="about"></ion-nav-view>
</ion-tab>

<ion-tab title="Contact" icon="ion-ios-world">
<ion-nav-view name="contact"></ion-nav-view>
</ion-tab>

</ion-tabs></code></pre>
</div>
</section>


<section>
<div class="col preview demo-frame">
<iframe isrc="demos/swipe-back/index.html"></iframe>
</div>
<div class="col code">
<h3>Swipe To Go Back</h3>
<ul style="margin-left: 70px">
<li>Swipe back to previous view</li>
<li>Interactive transition</li>
<li>Benefit of cached views</li>
<li>Still updates the app's URL</li>
<li>WebView (Cordova) only</li>
</ul>
</div>
</section>


<section>
<div class="col preview demo-frame">
<iframe isrc="demos/components/index.html"></iframe>
</div>
<div class="col code">
<h3>Other Components</h3>
<h3>Ionic Components</h3>
<ul style="margin-left: 70px">
<li>Side Menus</li>
<li>Actionsheet</li>
Expand Down

0 comments on commit ff7e52d

Please sign in to comment.