WPF MVVM中如何将ViewModel属性绑定到字典样式内的Label.Content

你遇到的问题本质是两个点：

1. Popup的视觉树和主窗口视觉树是相互独立的，样式模板里的Label没法自动继承ViewModel的DataContext；
2. "Dispatcher processing has been suspended"异常，大多是因为Popup还没完成初始化/显示流程，绑定就触发了UI更新，和Dispatcher的运行状态冲突导致的。

1. 修正样式内的绑定逻辑 #

在Dictionary.xaml的myPopupStyle里，给Label的绑定指定明确的数据源，别依赖自动继承的上下文：

<Style x:Key="myPopupStyle" TargetType="ContentControl">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <!-- 向上查找父级ContentControl，绑定它的DataContext里的myText -->
                <Label Content="{Binding DataContext.myText, RelativeSource={RelativeSource AncestorType=ContentControl}}" />
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

如果你的ContentControl的Content直接绑定的是ViewModel实例，也可以简化成：

<Label Content="{Binding Content.myText, RelativeSource={RelativeSource AncestorType=ContentControl}}" />

2. 确保Popup内部能拿到ViewModel上下文 #

在myView.xaml里，得保证Popup里的ContentControl能获取到ViewModel的DataContext，两种方式选一个就行：

• 给Popup直接设置DataContext：

<Popup DataContext="{Binding}">
    <ContentControl Style="{StaticResource myPopupStyle}" />
</Popup>

• 或者给ContentControl显式指定DataContext：

<Popup>
    <ContentControl Style="{StaticResource myPopupStyle}" DataContext="{Binding}" />
</Popup>

3. 规避Dispatcher异常的小技巧 #

如果还是碰到Dispatcher相关的报错，建议延迟Popup的显示时机，等Loaded事件触发后再打开：
在View的后台代码里加个事件处理：

private void Popup_Loaded(object sender, RoutedEventArgs e)
{
    var popup = sender as Popup;
    // 用BeginInvoke延迟执行，让Dispatcher先完成初始化
    Dispatcher.BeginInvoke(() => popup.IsOpen = true);
}

对应的XAML要绑定Loaded事件：

<Popup Loaded="Popup_Loaded">
    <ContentControl Style="{StaticResource myPopupStyle}" DataContext="{Binding}" />
</Popup>

• 别想当然认为Popup里的控件能自动拿到外部的DataContext，必须显式指定绑定源；
• Dispatcher类的异常基本都和UI初始化顺序有关，延迟操作是最直接的规避方法；
• 调试的时候可以用Snoop工具查看控件的DataContext，快速定位绑定问题。

内容的提问来源于stack exchange，提问作者Willy