updated examples

Author: viniciusdacal

examples/demo-tagging.html

@@ -140,6 +140,16 @@ <h3>Tagging without multiple, with simple strings</h3>
   <p>Selected: {{singleDemo.color}}</p>
 
 
+  <h3>Tagging without multiple with label and complex objects</h3>
+  <ui-select tagging="convertToPerson" on-select="onSelect($item, $model)" ng-model="person.selected" ng-disabled="disabled"  title="Choose a person" style="width: 800px;">
+  <ui-select-match placeholder="Selecione um cliente">{{$select.selected.name}}</ui-select-match>
+  <ui-select-choices repeat="person in people | propsFilter: {name: $select.search} track by person.name" >
+    <div ng-if="person.isTag" ng-bind-html="person.name +' <small>(new)</small>'"></div>
+    <div ng-if="!person.isTag" ng-bind-html="person.name | highlight: $select.search"></div>
+  </ui-select-choices>
+  </ui-select>
+  <p>Selected: {{person.selected}}</p>
+
   <div style="height:500px"></div>
 
 </body>

examples/demo.js

@@ -14,7 +14,7 @@ app.filter('propsFilter', function() {
 
     if (angular.isArray(items)) {
       var keys = Object.keys(props);
-        
+
       items.forEach(function(item) {
         var itemMatches = false;
 
@@ -130,6 +130,7 @@ app.controller('DemoCtrl', function($scope, $http, $timeout, $interval) {
     return item;
   };
 
+
   $scope.peopleObj = {
     '1' : { name: 'Adam',      email: '[email protected]',      age: 12, country: 'United States' },
     '2' : { name: 'Amalie',    email: '[email protected]',    age: 12, country: 'Argentina' },
@@ -143,6 +144,24 @@ app.controller('DemoCtrl', function($scope, $http, $timeout, $interval) {
     '10' : { name: 'Nicolás',   email: '[email protected]',    age: 43, country: 'Colombia' }
   };
 
+  $scope.convertToPerson = function (newPersonName) {
+    var person = {
+        name: newPersonName
+    };
+
+    return person;
+  };
+
+  $scope.onSelect = function($item, $model){
+    if(!$item.isTag){
+        return false;
+    }
+    var item = angular.copy($item);
+    delete item.isTag;
+
+    $scope.people.push(item);
+  };
+
   $scope.person = {};
 
   $scope.person.selectedValue = $scope.peopleObj[3];