docs(demos): update multiple select, appendToBody and filters

* fix(demoMultipleSelect) missing reference to controller.
* fix(demoAppendToBody) changed reference to controller.
* fix(demoObject) changed filters to work again
* fix(demoBasic) fixed reference to ctrl.

Closes angular-ui#1664

Author: Jefiozie

docs/examples/demo-append-to-body.html

@@ -18,9 +18,9 @@ <h3>Bootstrap theme</h3>
                append-to-body="true">
       <ui-select-match placeholder="Enter an address...">{{$select.selected.formatted_address}}</ui-select-match>
       <ui-select-choices repeat="address in ctrl.addresses track by $index"
-               refresh="refreshAddresses($select.search)"
+               refresh="ctrl.refreshAddresses($select.search)"
                refresh-delay="0">
-        <div ng-bind-html="ctrl.address.formatted_address | highlight: $select.search"></div>
+        <div ng-bind-html="address.formatted_address | highlight: $select.search"></div>
       </ui-select-choices>
     </ui-select>
     <p class="alert alert-info positioned">The select dropdown menu should be displayed above this element.</p>

docs/examples/demo-basic.html

@@ -12,7 +12,7 @@ <h3>Bootstrap theme <small>(remote data source)</small></h3>
              title="Choose an address">
     <ui-select-match placeholder="Enter an address...">{{$select.selected.formatted_address}}</ui-select-match>
     <ui-select-choices repeat="address in ctrl.addresses track by $index"
-             refresh="refreshAddresses($select.search)"
+             refresh="ctrl.refreshAddresses($select.search)"
              refresh-delay="0">
       <div ng-bind-html="address.formatted_address | highlight: $select.search"></div>
     </ui-select-choices>

docs/examples/demo-multiple-selection.html

@@ -7,7 +7,7 @@ <h1>Multiple Selection</h1>
   <h3>Array of strings</h3>
   <ui-select multiple ng-model="ctrl.multipleDemo.colors" theme="bootstrap" ng-disabled="ctrl.disabled" close-on-select="false" style="width: 300px;" title="Choose a color">
     <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
-    <ui-select-choices repeat="color in availableColors | filter:$select.search">
+    <ui-select-choices repeat="color in ctrl.availableColors | filter:$select.search">
       {{color}}
     </ui-select-choices>
   </ui-select>

docs/examples/demo-object-as-source.html

@@ -11,7 +11,7 @@ <h3>Using value for binding</h3>
   <p>Selected: <code>{{ctrl.person.selectedValue}}</code></p>
   <ui-select ng-model="ctrl.person.selectedValue" theme="select2" ng-disabled="ctrl.disabled" style="min-width: 300px;" title="Choose a person">
     <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.value.name}}</ui-select-match>
-    <ui-select-choices repeat="person.value as (key, person) in ctrl.peopleObj | filter: {'value':$select.search}">
+    <ui-select-choices repeat="person.value as (key, person) in ctrl.peopleObj | filter: { value : { name: $select.search }}">
       <div ng-bind-html="person.value.name | highlight: $select.search"></div>
       <small>
         email: {{person.value.email}}
@@ -24,7 +24,7 @@ <h3>Using single property for binding</h3>
   <p>Selected: <code>{{ctrl.person.selectedSingle}}</code></p>
   <ui-select ng-model="ctrl.person.selectedSingle" theme="select2" ng-disabled="ctrl.disabled" style="min-width: 300px;" title="Choose a person">
     <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.value.name}}</ui-select-match>
-    <ui-select-choices repeat="person.value.name as (key, person) in ctrl.peopleObj | filter: {'value':$select.search}">
+    <ui-select-choices repeat="person.value.name as (key, person) in ctrl.peopleObj | filter: { value : { name: $select.search }}">
       <div ng-bind-html="person.value.name | highlight: $select.search"></div>
       <small>
         email: {{person.value.email}}
@@ -37,7 +37,7 @@ <h3>Using key for binding</h3>
   <p>Selected: <code>{{ctrl.person.selectedSingleKey}}</code></p>
   <ui-select ng-model="ctrl.person.selectedSingleKey" theme="select2" ng-disabled="ctrl.disabled" style="min-width: 300px;" title="Choose a person">
     <ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.value.name}}</ui-select-match>
-    <ui-select-choices repeat="person.key as (key, person) in ctrl.peopleObj | filter: {'value':$select.search}">
+    <ui-select-choices repeat="person.key as (key, person) in ctrl.peopleObj | filter: { value : { name: $select.search }}">
       <div ng-bind-html="person.value.name | highlight: $select.search"></div>
       <small>
         email: {{person.value.email}}