Binding to properties of viewmodel from datatemplate - wpf

Question

I have the following resource dictionary:
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<DataTemplate x:Key="Sample">
<StackPanel>
<TextBlock Text="{Binding Data}" />
</StackPanel>
</DataTemplate>
</ResourceDictionary>
And in my main window:
<Window.Resources>
<ResourceDictionary Source="Dictionary.xaml" />
</Window.Resources>
<Grid>
<ContentControl ContentTemplate="{StaticResource Sample}"/>
</Grid>
Now how can I make the binding work? My window has set the datacontext to my viewmodel so I thought it would work but nothing. I dont see it applying the text.
My viewmodel has a normal property:
public string Data { get; set; } = "Hello World";
but I dont see it.
Here my mainwindow.cs
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
DataContext = new ViewModel();
}
}
Now my viewmodel:
public class ViewModel {
public string Data {get; set;} = "Hello World";
}
The entire code is kept very minimalistic for demonstration purposes.
EDIT:
Its still not working, this time to keep things simple:
public partial class MainWindow : Window
{
public string Data { get; set; } = "Hello World";
public MainWindow()
{
InitializeComponent();
DataContext = this;
}
}
Not working, I dont get it. It doesnt make sense does it? Ive set up the xaml just like explained by clemens.

Answer 1

You should also set the ContentControl's Content property, like shown below.
In addition to that, you should include Dictionary.xaml via ResourceDictionary.MergedDictionaries, because it would allow to have additional "local" resources.
<Window.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="Dictionary.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Window.Resources>
<Grid>
<ContentControl ContentTemplate="{StaticResource Sample}" Content="{Binding}"/>
</Grid>