title: Preselected values for angular-schema-form
body: <p>Does angular-schema-form have a method to show preselected values?
  When the titleMap on the select will set an integer, preselected values will show. But if it will set an object, I found no way of showing the correct name.</p>
  
  <p>Is there anything to tie the object to, like with ng-options where you can set an attribute to compare them with the "track by" clause?</p>
  
  <pre><code>ng-options="option as option.name for option in array track by option.id"
  </code></pre>
  
  <p>In my example code, cats1 will set an object, cats2 will set an integer.</p>
  
  <p>HTML:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;body&gt;
      &lt;div ng-controller="MainCtrl"&gt;
        &lt;div class="login-container"&gt;
          &lt;form name="myForm" 
                sf-schema="schema" 
                sf-form="form" 
                sf-model="model"&gt;
            
          &lt;/form&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Controller:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>app.controller('MainCtrl', ['$scope', function ($scope) {
  
    $scope.form = [
      {
        key: 'cats1',
        type: 'select',
        titleMap: [
          {value: {id: 0, name: "Leopard"}, name: "Leopard"},
          {value: {id: 1, name: "Tiger"}, name: "Tiger"}
        ]
      },
      {
        key: 'cats2',
        type: 'select',
        titleMap: [
          {value: 0, name: "Leopard"},
          {value: 1, name: "Tiger"}
        ]
      }
    ];
  
    $scope.schema = {
      "type": "object",
      "properties": {
        "cats1": {
          "title": "Cats",
          "type": "object"
        },
        "cats2": {
          "title": "Cats",
          "type": "number"
        }
      }
    };
  
    $scope.model = {cats1: {id: 1, name: "Tiger"}, cats2: 1};
  }]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is a plunkr:
  <a href="https://plnkr.co/edit/0hK5Hrc9GXklfRwa6fjE?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/0hK5Hrc9GXklfRwa6fjE?p=preview</a></p>