UserControl not working - xaml

Question

Here is my usercontrol XAML
<UserControl x:Class="UserControlTest.Controls.FullNameControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="using:UserControlTest.Controls"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
d:DesignHeight="100"
d:DesignWidth="100"
mc:Ignorable="d">
<Grid>
<TextBlock Text="{Binding FirstNameText}" />
</Grid>
</UserControl>
Here is the code behind for the usercontrol
public sealed partial class FullNameControl : UserControl
{
public FullNameControl()
{
this.InitializeComponent();
}
public string FirstNameText
{
get { return (string)GetValue(FirstNameTextProperty); }
set { SetValue(FirstNameTextProperty, value); }
}
public static readonly DependencyProperty FirstNameTextProperty =
DependencyProperty.Register("FirstNameText", typeof(string),
typeof(FullNameControl), new PropertyMetadata(String.Empty));
}
Here is the page that uses the usercontrol
<Page x:Class="UserControlTest.Views.PageWithUserControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:Behaviors="using:Template10.Behaviors"
xmlns:Core="using:Microsoft.Xaml.Interactions.Core"
xmlns:Interactivity="using:Microsoft.Xaml.Interactivity"
xmlns:controls="using:Template10.Controls"
xmlns:uControls="using:UserControlTest.Controls"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="using:UserControlTest.Views"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:vm="using:UserControlTest.ViewModels"
mc:Ignorable="d">
<Page.DataContext>
<vm:PageWithUserControlViewModel x:Name="ViewModel" />
</Page.DataContext>
<Grid>
<uControls:FullNameControl FirstNameText="{Binding FirstName, Mode=OneWay}" />
</Grid>
</Page>
Here is the viewmodel that populates the view.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Template10.Common;
using Template10.Mvvm;
using Template10.Services.NavigationService;
using Windows.UI.Xaml.Navigation;
namespace UserControlTest.ViewModels
{
public class PageWithUserControlViewModel : ViewModelBase
{
public PageWithUserControlViewModel()
{
}
private string _FirstName = "Default";
public string FirstName { get { return _FirstName; } set { Set(ref _FirstName, value); } }
public override async Task OnNavigatedToAsync(object parameter, NavigationMode mode, IDictionary<string, object> suspensionState)
{
FirstName = "Terrence";
await Task.CompletedTask;
}
public override async Task OnNavigatedFromAsync(IDictionary<string, object> suspensionState, bool suspending)
{
await Task.CompletedTask;
}
public override async Task OnNavigatingFromAsync(NavigatingEventArgs args)
{
args.Cancel = false;
await Task.CompletedTask;
}
}
}

Answer 1

So the missing part was to add this datacontext assignment code to the constructor of the user control after InitializeComponent call
public FullNameControl()
{
this.InitializeComponent();
(this.Content as FrameworkElement).DataContext = this;
}