Razor + External JS

Question

On my current MVC project, I have my View (cshtml) containing HTML + a long JS at the bottom of the page.

eg:
<div class="row">
<div class="col-12">
<input type="text" id="myInput" />
<p>Part of my Razor View</p>
</div>
</div>
</div>

<script type="text/javascript">
...
</script>

But I want to remove the entire <script> from there and move to an external file.

The problem is on this JS, I have things like:
var productId = @默 .ProductId;

So moving to an external file, the code breaks.
What would be the solution for it ?

Thanks,

Answer 1

Hi @ANB ,
You need to create a variable in the view in the script tag, and then use the variable in the external js file.

<script>  
var productId = @Model.ProductId;  
</script>  

Then you can use ProductId in the js file.
Best regards,
Lan Huang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.