mvvm - 模板 10 UWP 如何绑定(bind)到 MenuFlyoutItem 内的 autoSuggestBox

Question

我正在使用 MVVM 模式将 ViewPage 中的 AutoSuggestBox 的属性绑定(bind)到我的 ViewModel。当我在 Grid 或 stackPanel 中时，这可以正常工作。

但是一旦我将 AutoSuggestBox 放在按钮的 MenuFlyout 中。我在编译时收到以下错误

错误对象引用未设置为对象的实例。

关于如何在 MenuFlyoutItem 中绑定(bind) AutoSuggestBox 的属性的任何指导？

这是我要编译的代码。

<Button>
  <Button.Flyout>
    <MenuFlyoutItem >
          <MenuFlyoutItem.Template>
             <ControlTemplate TargetType="MenuFlyoutItem">
                 <AutoSuggestBox Header="What's your name?"
                  TextChanged="{x:Bind ViewModel.FilterUsuals}"
                  QuerySubmitted="{x:Bind ViewModel.ProcessQuery}"
                  SuggestionChosen="{x:Bind ViewModel.ProcessChoice}"
                  ItemsSource="{Binding Elements}"
                  Text="{x:Bind ViewModel.SearchText, Mode=TwoWay}"
                  QueryIcon="Find" />
            </ControlTemplate>
          </MenuFlyoutItem.Template>
    </MenuFlyoutItem>
</Button.Flyout>
</Button >

Answer 1

  <Button Content="Button"  Margin="10,0"  >
    <Button.Flyout>
        <Flyout  Placement="Top">
               <AutoSuggestBox ... />
         </Flyout>
    </Button.Flyout>
  </Button>

不确定是否需要将其放在 MenuFlyout 中。当它可能只是按钮本身的 Flyout 子类型时，为什么要让自己这么痛苦呢？

至于绑定(bind)，这与 Template10 无关。它可能与未初始化的集合有关。验证您绑定(bind)的那些集合是否已正确创建(例如 new List<yourtype>())