razor - 标准 ASP.Net Core 标签助手不是紫色和粗体
问题描述
我有这个 cshtml,它没有突出显示 Asp.Net Core 标签助手,比如<form>
, <input>
, <span>
, <textarea>
。通过使用@Html.DisplayFor,我能够部分解决这个问题,并且它有效。但除此之外,我不知道那有什么问题。我的 Visual Studio 版本是 2017 15.8.2,相同的标签助手在另一个项目中是紫色和粗体。
这是一些代码(cshtml):
<form method="post">
<div asp-validation-summary="All" class="text-danger"></div>
<table>
<tr>
<td>@Html.DisplayNameFor(model => model.NoteModel.NoteName)</td>
<td><input asp-for="NoteModel.NoteName" class="form-control" data-val-required="The NoteName field is required." data-val-maxlength-max="15" data-val="true" /></td>
<td><span asp-validation-for="NoteModel.NoteName" class="text-danger"></span></td>
</tr>
<tr>
<td>@Html.DisplayNameFor(model => model.NoteModel.TranslatedNoteName)</td>
<td><input asp-for="NoteModel.TranslatedNoteName" class="form-control" data-val-required="The TranslatedNoteName field is required." data-val-maxlength-max="100" data-val="true" /></td>
<td><span asp-validation-for="NoteModel.TranslatedNoteName" class="text-danger"></span></td>
</tr>
<tr>
<td>@Html.DisplayNameFor(model => model.NoteModel.NoteText)</td>
<td><textarea asp-for="NoteModel.NoteText"
class="form-control" data-val-required="The NoteText field is required."
data-val-maxlength-max="8000" data-val="true"
data-val-maxlength="The field NoteText must be a string or array type with a maximum length of '8000'."
rows="20" cols="100"></textarea></td>
<td><span asp-validation-for="NoteModel.NoteText" class="text-danger"></span></td>
</tr>
</table>
<div>
Upload an image: <input type="file" name="image" accept=".jpg" />
</div>
<div class="form-group">
<button type="submit" class="btn btn-default">Upload</button>
</div>
</form>
NoteModel 类中有数据注解,@Html.DisplayFor 可以正确呈现。
有任何想法吗?提前致谢。
更新:
标签未正确呈现为 HTML,所有属性都asp-
保留在 HTML 中。显然,我犯了一些愚蠢的错误,我无法弄清楚。
解决方案
标签助手是一项可选功能。默认情况下,它们对页面不可用。它们是通过向@addTagHelper
页面添加指令来启用的,或者更常见的是向_ViewImports.cshtml文件添加指令:
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
检查是否启用了 taghelper。
参考:https ://www.learnrazorpages.com/razor-pages/tag-helpers/
推荐阅读
- javascript - Reactjs 让一个组件可以被其他组件控制的最佳实践?
- php - 在用户中止匹配之前执行 SQL 查询
- android - Android - API 级别 21 中的日期
- matlab - 从与中心线相切的矩阵中提取点
- java - Hibernate - 保存方法的返回值而不是字段
- mysql - 将另一个表的列与多行连接起来
- java - 如何获取用户输入并将其存储到另一个类中的数组中?|| 爪哇
- r - 使用 R 按照预定义的顺序对列数据进行排序
- java - 序列的增量大小在实体映射中设置为 [50],而关联的数据库序列增量大小为 [1]
- r - R:使用 Plot 绘制具有超过 15 个特征的 APcluster 结果的数据可视化