Fix failed model binding in newest tagging demo via #671

Author: Brian Feister

examples/demo-tagging.html

@@ -131,13 +131,13 @@ <h3>Tagging without multiple</h3>
   <p>Selected: {{person.selected}}</p>
 
   <h3>Tagging without multiple, with simple strings</h3>
-  <ui-select tagging="true" tagging-label="('new')" ng-cloak ng-model="color.selected" theme="bootstrap" style="width: 800px;" title="Choose a color">
+  <ui-select tagging tagging-label="('new')" ng-model="singleDemo.color" theme="bootstrap" style="width: 800px;" title="Choose a color">
     <ui-select-match placeholder="Select color...">{{$select.selected}}</ui-select-match>
     <ui-select-choices repeat="color in availableColors | filter: $select.search">
       <div ng-bind-html="color | highlight: $select.search"></div>
     </ui-select-choices>
   </ui-select>
-  <p>Selected: {{color.selected}}</p>
+  <p>Selected: {{singleDemo.color}}</p>
 
 
   <div style="height:500px"></div>

examples/demo.js

@@ -133,6 +133,8 @@ app.controller('DemoCtrl', function($scope, $http, $timeout) {
 
   $scope.availableColors = ['Red','Green','Blue','Yellow','Magenta','Maroon','Umbra','Turquoise'];
 
+  $scope.singleDemo = {};
+  $scope.singleDemo.color = '';
   $scope.multipleDemo = {};
   $scope.multipleDemo.colors = ['Blue','Red'];
   $scope.multipleDemo.colors2 = ['Blue','Red'];