将 ViewModel 绑定到 MainPage.xaml

Question

我的 MainPage.xaml.cs 中有以下代码

public partial class MainPage : UserControl
    {
        private IsolatedStorageSettings userLogin = IsolatedStorageSettings.ApplicationSettings;
        private UserDataContract currentUser;
        private MainViewModel mainViewModel;

        public MainPage()
        {
            InitializeComponent();
        }

        // If an error occurs during navigation, show an error window
        private void ContentFrameNavigationFailed(object sender, NavigationFailedEventArgs e)
        {
            e.Handled = true;
            ChildWindow errorWin = new ErrorWindow(e.Uri);
            errorWin.Show();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            HtmlPage.Window.Navigate(new Uri("#/Fields/Edit", UriKind.Relative));
        }

    }

现在我想将我的 ViewModel 绑定到 MainPage.xaml，我该怎么做？

            mainViewModel = new MainViewModel();
            this.LayoutRoot.DataContext = loginViewModel;

真的没用

Answer 1

public MainPage()
    {
        InitializeComponent();
        mainViewModel = new MainViewModel();
        this.DataContext = mainViewModel ;
    }