title: Bound TabControl Repeats Same Content Or Controls Across Tabs
body: <p>In the example below when data is bound to the tab control, it correctly has the tab headers per the data, but the tab content is always the same; and the last item bound to. </p>
  
  <p>"Frank Wright"'s "Wright" is on every page. </p>
  
  <p>What is wrong? One expects that there are different controls on every page, not one control shared or data repeated.</p>
  
  <p><a href="https://i.stack.imgur.com/YyHlk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YyHlk.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;Page.Resources&gt;
      &lt;model:People x:Key="People"&gt;
          &lt;model:Person First="Joe"
                          Last="Smith"
                          Phone="303-555-5555" /&gt;
          &lt;model:Person First="Jenny"
                          Last="Johnson"
                          Phone="720-867-5309" /&gt;
          &lt;model:Person First="Frank"
                          Last="Wright"
                          Phone="202-555-5555" /&gt;
      &lt;/model:People&gt;
  &lt;/Page.Resources&gt;
  &lt;TabControl ItemsSource="{StaticResource People}"&gt;
      &lt;TabControl.ItemContainerStyle&gt;
          &lt;Style TargetType="TabItem"&gt;
              &lt;Setter Property="Header"
                      Value="{Binding First}" /&gt;
              &lt;Setter Property="Content"&gt;
                  &lt;Setter.Value&gt;
                      &lt;TextBox Text="{Binding Last}" /&gt;
                  &lt;/Setter.Value&gt;
              &lt;/Setter&gt;
          &lt;/Style&gt;
      &lt;/TabControl.ItemContainerStyle&gt;
  &lt;/TabControl&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>public class People : List&lt;Person&gt; { }
  
  public class Person
  {
      public string First { get; set; }
      public string Last { get; set; }
      public string Phone { get; set; }
  }
  </code></pre>