ASP.NET Core – Razor Syntax
前言
Full stack 的问题就是经常需要一阵子离开一个环境. 比如我跑去写 Angular 几个月. 回来写 Razor, 肯定是卡卡的.
尤其是一些比较不常用到的语法. 所以有一个很好的笔记就很重要了. 以前我都懒的写, 但这半年我整理了很多, 也体会到这样做确实是很方便.
毕竟人家写的是教程, 但是我只是要复习丫, 自然是看自己的笔记最舒服.
这里记入一些我常用到的
参考
Docs – Razor syntax reference for ASP.NET Core
1. 当想写 @ 时
@ 是特殊字符, 用来切换 to C#, 所以下面会报错
解决方法就是写 double @@
<h1>value @@ valueh1>
最后只会输出 1 个
题外话: C# 的 quote "
C# 的 quote 也是类似的方式破解.
var value1 = "class="abc""; // 语法错误 var value2 = "class=\"abc\""; // 用反斜杠破 var value3 = @"class=""abc"""; // 用 @ + double "" 破
2. 当在 C# 作用域想输出 HTML text
用
<h1>@if (true) { <text>Hello Worldtext> } else { <text>Derricktext> }h1>
上面这个只是作为一个例子, 更好的写法是
<h1>@(true ? "Hello World" : "Derrick")h1>
@:
还有这种写法
<h1>@if (true) { @:my text } h1>
3. 拼接 attribute
用 Html.Raw, 这个是最安全的做法, 什么情况都不会坏掉
@{ var value = "value"; } <h1 @(true ? Html.Raw($"class={value} abc") : "")>Hello Worldh1>
如果简单一点的话可以这样写.
<h1 @(true ? "class=abc" : "")>Hello Worldh1>
注意 class 不需要 quote 哦.
<h1 @(true ? $"class={value}" : "")>Hello Worldh1> <h1 @(true ? $"class={value} abc" : "")>Hello Worldh1>
第一行是 ok 的, 第二行是错误的
所以最好还是用 Html.Raw