I have a problem because I don't know how to inject service into the page. This is how my App.xaml.cs look like
public partial class App : Application
{
public IServiceProvider ServiceProvider { get; set; }
public IConfiguration Configuration { get; set; }
protected override void OnStartup(StartupEventArgs e)
{
var builder = new ConfigurationBuilder()
.SetBasePath(Directory.GetCurrentDirectory())
.AddJsonFile("appsettings.json", false, true);
Configuration = builder.Build();
var serviceCollection = new ServiceCollection();
ConfigureServices(serviceCollection);
Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);
ServiceProvider = serviceCollection.BuildServiceProvider();
var mainWindow = ServiceProvider.GetRequiredService<MainWindow>();
mainWindow.Show();
}
private void ConfigureServices(ServiceCollection serviceCollection)
{
serviceCollection.AddTransient<IPage1ViewModel, Page1ViewModel>();
serviceCollection.AddTransient(typeof(MainWindow));
}
}
I have MainWindow with frame, in frame I have default page called Home.xml with button.
<Window x:Class="WpfDITest.MainWindow"
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:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WpfDITest"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Menu Grid.Row="0" Grid.Column="0">
<MenuItem Header = "Help" HorizontalAlignment="Center" VerticalAlignment="Center">
<MenuItem Name="about" Header = "about t" HorizontalAlignment = "Stretch"/>
</MenuItem>
</Menu>
<Frame Grid.Row="1" Grid.Column="0" Source="/Views/Home.xaml" NavigationUIVisibility="Hidden" />
</Grid>
When you click button it navigates you to new page called Page1.
public partial class Home : Page
{
public Home()
{
InitializeComponent();
}
private void Button_Click(object sender, RoutedEventArgs e)
{
var uri = "/Views/Page1.xaml";
NavigationService.Navigate(new Uri(uri, UriKind.Relative));
}
}
I want to inject IPage1ViewModel to my Page1 so I thought I would just inject service to constructor like in asp.net apps but the problem is Navigation service fires constructor without parametress so right now I dont know how to achieve this.
public partial class Page1 : Page
{
private readonly IPage1ViewModel _page1ViewModel;
public Page1(IPage1ViewModel page1ViewModel)
{
_page1ViewModel = page1ViewModel;
InitializeComponent();
}
public Page1() //this constructor fires
{
InitializeComponent();
GetData();
}
public void GetData()
{
_page1ViewModel.GetTitle(); // How to get this?
}
}
Page1ViewModel
public class Page1ViewModel : IPage1ViewModel
{
public Page1ViewModel()
{
}
public string GetTitle()
{
return "Welcome";
}
}
Is it a good idea to use dependency injection in my case? If so, how do I solve my problem?