feat(item): Sticky dividers

ionic/components/list/test/sticky/index.ts

@@ -0,0 +1,36 @@
+import {NgFor, ProtoViewRef, ViewContainerRef} from 'angular2/angular2'
+import {Component, Directive, View, Parent} from 'angular2/angular2';
+
+import {Content, List, Item, ItemGroup, ItemGroupTitle} from 'ionic/ionic';
+
+@Component({ selector: 'ion-app' })
+@View({
+  templateUrl: 'main.html',
+  directives: [Content, List, Item, ItemGroup, ItemGroupTitle, NgFor]
+})
+class IonicApp {
+  constructor() {
+    console.log('IonicApp Start')
+
+    this.groups = [];
+
+    var letters = "abcdefghijklmnopqrstuvwxyz".split('');
+
+    for(let i = 0; i < letters.length; i++) {
+      let group = [];
+      for(let j = 0; j < 10; j++) {
+        group.push({
+          title: letters[i] + j
+        });
+      }
+      this.groups.push({
+        title: letters[i].toUpperCase(),
+        items: group
+      });
+    }
+  }
+}
+
+export function main(ionicBootstrap) {
+  ionicBootstrap(IonicApp);
+}

ionic/components/list/test/sticky/main.html

@@ -0,0 +1,18 @@
+
+<ion-view nav-title="List">
+
+  <ion-content>
+
+    <ion-list inset>
+      <ion-item-group *ng-for="#group of groups">
+        <ion-item-group-title>{{group.title}}</ion-item-group-title>
+        <ion-item *ng-for="#item of group.items">
+          {{item.title}}
+        </ion-item>
+      </ion-item-group>
+
+    </ion-list>
+
+  </ion-content>
+
+</ion-view>