ASP.NET Coreのタグへルパを自作してViewModelの値を出力する

#何をしたいのか

任意のcshtmlが以下のようなモデルを@modelで指定されていたとする。

public class SampleViewModel
{
	public int TheAnswer { get; set; } = 42;
}

で、これを以下のようなタグをcshtmlに指定すると

<display-value asp-for="TheAnswer"></display-value>

下記のように書き換えてくれる

<div>TheAnswer:<strong>  42</strong></div>

書き換えるタグへルパを作ると起動すれば良いのか備忘録的に。

但し、Asp.net coreを始めて3日目くらいなので、何かと至らない点が多々有るかと。。。
なので、何かあればご指定期頂ければこれ幸い。

##タグへルパを作る

タグへルパは以下の通り

	public class ValueDisplayTagHelper:TagHelper
	{
		[HtmlAttributeName("asp-for")]
		public ModelExpression Target { get; set; }
		public override void Process(TagHelperContext context, TagHelperOutput output)
		{
			output.TagName = "div";

			output.Content.SetHtmlContent($@"{Target.Name}:<strong> {Target.Model}</strong>");
		}
	}

Targetの別名をasp-forにすることで、cshtml側でインテリセンスが効く。

##cshtml側での仕込み

アセンブリの名前が、WebApplication3として自作タグへルパのスコープを有効にするには、

@addTagHelper *, WebApplication3

と記載するして、アセンブリ内の全てのタグへルパを有効化するか、厳密に単一のタグへルパのみ有効にするなら

@addTagHelper WebApplication3.TagHelpers.ValueDisplayTagHelper,WebApplication3

と記載する。

##タグの使用方法

ここまで出来たら、以下のように書くことで、ViewModelを表示できる

@model SampleViewModel

@{
	ViewData["Title"] = "Home Page";
}

<value-display asp-for="TheAnswer"></value-display>

##参考にしたページ

ASP.NET Core のタグ ヘルパー
How to create TagHelper who's value is a Model Property (without using @Model)?
First Dynamic Form Tag Helper Attempt - Tech Dominator