From 0bb8e00abf345da963e54b0cb87248854388c1c7 Mon Sep 17 00:00:00 2001
From: Carlos Caballero <carlos.caballero.gonzalez@gmail.com>
Date: Tue, 16 Aug 2016 13:13:52 +0200
Subject: [PATCH] example 0.1.0-rc.8

---
 demos/basic/src/app/app.component.html |  8 ++++++++
 demos/basic/src/app/app.component.ts   | 21 +++++++++++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/demos/basic/src/app/app.component.html b/demos/basic/src/app/app.component.html
index 4a28f9d..8e3b311 100644
--- a/demos/basic/src/app/app.component.html
+++ b/demos/basic/src/app/app.component.html
@@ -26,6 +26,14 @@ <h1>
 
 
 
+<div>
+  <inline-editor type="select" 
+                [(ngModel)]="editableSelectOptionsTwoLevelsDefault"
+                (onSave)="saveEditable($event)" 
+                [options]="editableSelectOptionsTwoLevelsConfiguration"></inline-editor>
+</div>
+
+
 <div>
   <h3>Disabled components</h3>
   <inline-editor type="text" [(ngModel)]="editableText" (onSave)="saveEditable($event)" disabled="true"></inline-editor>
diff --git a/demos/basic/src/app/app.component.ts b/demos/basic/src/app/app.component.ts
index e32b313..847bd29 100644
--- a/demos/basic/src/app/app.component.ts
+++ b/demos/basic/src/app/app.component.ts
@@ -36,6 +36,27 @@ export class AppComponent {
     text: 'field'
   }
 
+  editableSelectOptionsTwoLevelsDefault = 1;
+  editableSelectOptionsTwoLevelsConfiguration = {
+    data: [
+      {
+        id: 1, field: 'status1',
+        children: [
+          { id: 5, field: 'status1.1' },
+          { id: 6, field: 'status1.2' }
+        ]
+      },
+      { id: 2, field: 'status2' },
+      { id: 3, field: 'status3' },
+      {
+        id: 4, field: 'status4',
+        children: [{ id: 7, field: 'status4.1' }]
+      }
+    ],
+    value: 'id',
+    text: 'field'
+  }
+
   fnErrorLength = function () {
     alert('This is a custom error!');
   }