材料设计中的选项卡就像简单的ActionLinks一样

Question

我对材料设计精简版中的标签有疑问。以下是mdl中选项卡的示例用法。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:wpfApplication1="clr-namespace:WpfApplication1"
        Title="MainWindow"
        Width="525"
        Height="350">
    <Grid>
        <ComboBox ItemsSource="{Binding}">
            <ComboBox.ItemTemplate>
                <DataTemplate DataType="wpfApplication1:MyData">
                    <TextBlock Text="{Binding Value}" />
                </DataTemplate>
            </ComboBox.ItemTemplate>
        </ComboBox>
    </Grid>
</Window>

对于包含简单内容的标签看起来非常简单，但如果我有许多标签，每个标签都包含复杂的内容，那该怎么办如何使标签像简单的ActionLink一样工作，具有所有特权，如涟漪动画和<div class="mdl-tabs mdl-js-tabs"> <div class="mdl-tabs__tab-bar"> <a href="#tab1" class="mdl-tabs__tab">Tab One</a> <a href="#tab2" class="mdl-tabs__tab">Tab Two</a> </div> <div class="mdl-tabs__panel is-active" id="tab1"> <p>First tab's content.</p> </div> <div class="mdl-tabs__panel" id="tab2"> <p>Second tab's content.</p> </div> </div> 类。我的解决方案是将链接放入这样的标签中。

is-active

但链接不起作用，我收到了这个错误：

  

未捕获的TypeError：无法读取null

的属性'classList'

显然我做错了或使用标签来表示他们不适合的东西。