深入的讲Tag Helpers
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_加载
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_02
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_加载_03
加载app下面的所有的文件夹以及各自文件夹下面所有的js文件。
exclude是排除掉Services文件夹和其下面的子文件夹

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_04
使用cdn加载远程的js文件
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_05
找hidden这个class来判断css是否加载成功了。
hidden里面是否有property visiblity
property对应的值应该是hidden
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_06
这里的include指的是wwwroot下面所有的js文件
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_07
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_08

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_09
css测试,故意前面加了12323这些字符串,这样就造成了 远程cdn地址是错误的。
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_10
cdn是红色的 无法加载 最后加载了本地的
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_11
再把cdn的地址修改过来
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_12
这时候使用的是正确的cdn地址
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_加载_13

其他的TagHelper

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_14
这各文件的哈希值
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_15

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_16
如果是Staging和Production这个环境,就渲染下面你的代码
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_17

自定义Tag Helper

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_18
要实现的tagheler最终渲染出来的样子
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_19
起名字很重要 要以TagHelper结尾
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_20
Emai就是我们的目标元素。
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_21
override了process这个方法
Conrtext就是当前执行这个html的元素的tag的信息
out就是要写即将生成的html代码、
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_22
注册我们自定义的命名空间
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_23

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_24

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_25

需要生成这个效果
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_26
既然是属性,那就添加一个属性
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_27

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_28
设置标签的内容也是邮箱地址
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_加载_29
生成的效果

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_30

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_31
现在想直接把地址写在标签中间,就实现刚才的效果
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_32
直接使用异步的方法
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_33
首先把标签里面的内容取出来,也就是
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_加载_34
也就是中间的邮箱地址:ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_35
取出来之后他是一个Content类型,还需要用GetContent方法把内容获取到。

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_36

Bold标签,加粗文字


ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_37
一个元素级的,还有一个可以带属性的
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_38
写代码
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_39
只对第一行起了作用
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_40
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_41

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_42
HtmlTargetElement主要用来指定目标元素的
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_43
寻找html元素有bold这个属性。那么就会对他起作用
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_加载_44
他俩是或的关系。起只要符合其中一种就可以
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_45
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_46

想增加color属性:
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_47

属性值可以不和标签属性对应,只要加上HtmlAttributeName的值相对应就可以了
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_48

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_49


ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_50

弄一个my-style里面 弄一个C#类

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_51

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_52
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_53
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_54


ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_css_55
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_html_56

ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_自定义_57
 
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 22. 再讲Tag Helpers_asp.net core 2.2_58