Changes for selectBox to have its own scope, my own implementation of domiSchenk#3

Author: postb99

src/SelectBox.js

@@ -16,20 +16,35 @@
       <select-box ng-Selected-Value="selectedValue"
         ng-Item-Name="label"
         ng-Item-Id="key"
-        ng-title="List Value"
+        ng-title="List 1"
         ng-data="list"
         ng-placeholder="Select"
         ng-header-class="bar-calm"
         ng-select-changed="onSelectChanged()"
         ></select-box>
 
+      <select-box ng-Selected-Value="selectedValue2"
+                  ng-Item-Name="label"
+                  ng-Item-Id="key"
+                  ng-title="List 2"
+                  ng-data="list2"
+                  ng-placeholder="Select2"
+                  ng-header-class="bar-positive"
+                  ng-select-changed="onSelectChanged()"
+              ></select-box>
+
     <script>
       angular.module('ionicApp', ['ionic', '$selectBox'])
       .controller('MyCtrl', function($scope){
-        $scope.list = [
-          {key:"Test", label:"Test Label"},
-          {key:"Test2", label: "Test Label 2"}
-        ];
+          $scope.list = [
+            {key:"Test", label:"Test Label"},
+            {key:"Test2", label: "Test Label 2"}
+          ];
+
+          $scope.list2 = [
+            {key:"TestA", label:"Test Label A"},
+            {key:"TestB", label: "Test Label B"}
+          ];
 
         $scope.onSelectChanged = function() {
           console.log('onSelectChanged');