使用@Html.LabelFor访问KeyValuePair的Key时返回字符串"Key"的问题

我之前也碰到过一模一样的问题，其实这是@Html.LabelFor的设计特性导致的，不是代码bug哦！

问题原因 #

LabelFor这个HTML辅助方法的核心作用是基于模型表达式的元数据生成标签，它会提取你传入的表达式里的属性名称（这里就是Key）作为标签文本，而不是去计算表达式获取该属性的实际运行时值。所以不管你的KeyValuePair里的Key是"DD"还是其他值，它都会显示"Key"。

几种解决方案 #

1. 直接输出Key的实际值

如果只是单纯要显示KeyValuePair的Key内容，不需要绑定表单控件的话，直接输出属性值就行：

@Model.Client.PaymentChannels[i].Key

如果需要包裹在<label>标签里（比如满足样式需求），手动写标签即可：

<label class="your-custom-class">@Model.Client.PaymentChannels[i].Key</label>

2. 关联表单控件时显示Key值

因为你的KeyValuePair的Value是bool类型，大概率是要和一个复选框绑定。这种情况下，可以用LabelFor指向Value属性，同时把Key的值作为标签文本传入：

<!-- 生成对应复选框 -->
@Html.CheckBoxFor(model => model.Client.PaymentChannels[i].Value)
<!-- 生成关联标签，文本显示实际Key值 -->
@Html.LabelFor(model => model.Client.PaymentChannels[i].Value, Model.Client.PaymentChannels[i].Key)

这样标签会和对应的复选框正确关联（点击标签就能切换复选框状态），同时显示的是你预期的"DD"这类实际键值。

3. 扩展：自定义DisplayName（可选）

如果你一定要用LabelFor指向Key属性并显示自定义文本，理论上可以给KeyValuePair的Key属性添加DisplayName特性，但因为KeyValuePair是系统内置类型，没法直接修改它的特性，所以这种情况不如前面两种方法直接高效。

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