.NET Core第17天_LabelTagHelper的使用

LabelTagHelper的使用
对应於HTML tag的封装，用於给予对应的显示名称。
当中的for属性会关联於的Id属性值一致，使彼此关联可以用TAB标注。

新增好一个LabelController跟相应Index检视
LabelController.cs

using Microsoft.AspNetCore.Mvc;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace Net5App6.Controllers
{
    public class LabelController : Controller
    {
        public IActionResult Index()
        {
            return View();
        }
    }
}

./Views/Label/Index.cshtml

@model LabelViewModel
<div>
    <label asp-for="Name"></label>
    <input type="text" asp-for="Name" />
</div>

<div>
    <label asp-for="Age"></label>
    <input type="text" asp-for="Age" />
</div>

新增LabelViewModel

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace Net5App6.Models
{
    public class LabelViewModel
    {
        public string Name { get; set; }
        public int Age { get; set; }
    }
}

预设显示效果

这里若想更改显示中文可以去调整ViewModel上面透过Display的Data Annotation来做调整为中文显示

LabelViewModel.cs

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Threading.Tasks;

namespace Net5App6.Models
{
    public class LabelViewModel
    {
        [Display(Name="姓名")]
        public string Name { get; set; }
        [Display(Name = "年龄")]
        public int Age { get; set; }
    }
}

本篇已同步发表至个人部落格
https://coolmandiary.blogspot.com/2021/08/net-core17labeltaghelper.html