เขียน Razor Syntax ใน Javascript แบบประกาศปีกกา ไม่ให้ Error

เนื่องจากว่า ผมทำ Page หนึ่งขึ้นมา แล้วต้องการใช้หลายๆหน้า
และบางหน้าก็แสดงผลไม่เหมือนกัน
ผมจึงต้องใส่ if เป็นราย element ไป

ปกติถ้าใช้ razor syntax กับ html ด้วยก็ก็ไม่เป็นปัญหาอะไร
แต่ถ้าเราจะใช้ { } ใน ส่วนที่เป็น js
ตัว IDE จะฟ้องว่าเราเขียนโค้ตผิด เพราะ หาชื่อตัวแปรไม่เจอ หรือ บลาๆๆ
ลองไปดูข้างล่างกันครับ

ถ้าเราเอา @if(true) {  //js code } แบบนี้ ตัว IDE จะฟ้องว่า หา ตัวแปร this.xxxx ไม่เจอ 

เพราะ มันเข้าใจว่า โค้ตที่อยู่ข้างในปีกกา เป็นโค้ตของ C# แต่จริงๆแล้ว เราต้องการให้มันเป็น Javascript

วิธีแก้ไขง่ายๆคือ ใส่ <text> // js code </text> ครอบเอาไว้ ตัว IDE ก็จะไม่ตรวจสอบแล้วว่าข้างในเป็นภาษาอะไร มันจะมองข้ามไป แต่เราก็ยังเขียน js ได้ปกติ

ภาพหลังจากที่ใส่ แล้ว Render เป็น HTML

Ref : https://stackoverflow.com/questions/4045308/razor-syntax-and-javascript