title: Binding CarouselPage content pages to view model
body: <p>I am trying to use a CarouselPage in Xamarin Forms. </p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
               xmlns:views="clr-namespace:TestForms.Views;assembly=TestForms"
               prism:ViewModelLocator.AutowireViewModel="True"
               x:Class="TestForms.Views.Photos" ItemsSource="{Binding Pages}"&gt;
      &lt;CarouselPage.ItemTemplate&gt;
          &lt;DataTemplate&gt;
            &lt;ContentPage &gt;
            &lt;StackLayout VerticalOptions="StartAndExpand" Padding="50"&gt;
              &lt;Label Text="ContentPage"&gt;&lt;/Label&gt;
              &lt;Label Text="{Binding Title}"&gt;&lt;/Label&gt;
              &lt;Label Text="{Binding Description}"&gt;&lt;/Label&gt;
            &lt;/StackLayout&gt;
            &lt;/ContentPage&gt;
          &lt;/DataTemplate&gt;
      &lt;/CarouselPage.ItemTemplate&gt;
  &lt;/CarouselPage&gt;
  </code></pre>
  
  <p>In the view model I have </p>
  
  <pre><code>List&lt;ContentPage&gt; ContentPages = new List&lt;ContentPage&gt;();
  foreach (var photo in Photos)
  {
      var page = new ContentPage();
      page.BindingContext = new PhotoDetailViewModel(photo);
      ContentPages.Add(page);
   }
  Pages = new ObservableCollection&lt;ContentPage&gt;(ContentPages);   
  </code></pre>
  
  <p>When I render this, I get a list of pages for all the photos. but I can't seem to bind the title or description in the individual page. 
  What am I missing here?</p>