How to switch from Razor to plain old HTML?

Question

Possible Duplicate:
Mix Razor and Javascript code

Here is the code I'm trying to run:

    // Razor code!
    @if (User.Identity.IsAuthenticated) {

        // This is Javascript, NOT C#/Razor code. Hence the '@' symbol.
        var currentUser = @User.Identity.Name;

    } else {

        // Also Javascript code!
        var currentUser = null;
    }

Basically, I want to output this as Javascript if the user is logged in:

var currentUser = @User.Identity.Name;

Or this if the user is logged out:

var currentUser = null;

Check out http://stackoverflow.com/questions/5614941/mix-razor-and-javascript-code — zad, Oct 01 '12 at 23:03

nrodic · Answer 1 · 2012-10-02T02:04:47.477

As soon as you start tag in Razor, it switches to markup (including <script>). If you don't need any tag, use <text> instead.

If you need quick copy/paste solution, take Tim's or Adam's as both do the job. However, as Razor uses pretty complex algorithms while parsing mix of several languages, it is worth providing Phil Haack's Razor part of quick reference in its entirety (allowed by CC-BY license):

Code Block:
@{ 
 int x = 123; 
 string y = "because.";
}
Expression (Html Encoded):
@model.Message
Expression (Unencoded):

@Html.Raw(model.Message)

Combining Text and markup:
@foreach(var item in items) {
 @item.Prop 
}
Mixing code and Plain text:
@if (foo) {
 <text>Plain Text</text> 
}
Mixing code and plain text (alternate):
@if (foo) {
 @:Plain Text is @bar
}
Email Addresses:
Hi philha@example.com
Explicit Expression:
ISBN@(isbnNumber)
Escaping the @ sign:
In Razor, you use the 
@@foo to display the value 
of foo
Server side Comment:
@*
This is a server side 
multiline comment 
*@
Calling generic method:
@(MyClass.MyMethod<AType>())
Mixing expressions and text:
Hello @title. @name.

I left out Razor delegate since there are Razor helpers now.

OP asked for switching between contexts. I think my answer is suitable. — nrodic, Oct 01 '12 at 23:12
In that page, there is a no reference to switching contexts. You should make it clear that what the OP needs is switching contexts, and what exactly the OP needs. — apaderno, Oct 02 '12 at 00:03
I don't doubt that. I am just saying that, for who asked the question, or who has the same doubt as the OP, a link like that probably doesn't help much. If the answer would say "see examples 4-6 on this page" that would be more helpful. I would also quote the example, just in the case the page is not accessible to future readers. — apaderno, Oct 02 '12 at 00:17

Adam Plocher · Accepted Answer · 2012-10-01T23:22:36.693

2

Well first you will want to change it to something like (remember your quotes around the @User.Identity.Name):

<script type="text/javascript">
var currentUser = null;
@if (User.Identity.IsAuthenticated) {
    <text>
        currentUser = '@User.Identity.Name';
    </text>
}
</script>

Then add some javascript:

<script type="text/javascript">
if (currentUser != null) {
    document.getElementById('loggedInUser').innerHTML = 'Welcome '+ currentUser;
}
</script>

edited Oct 01 '12 at 23:22

answered Oct 01 '12 at 23:03

Adam Plocher

13,994
6
46
79

It may need around it... – Adam Plocher Oct 01 '12 at 23:17

Tim M. · Answer 3 · 2012-10-01T23:46:33.220

1

<script>

    @if( User.Identity.IsAuthenticated ) {
        <text>var currentUser = "@User.Identity.Name";</text>
    }
    else {
         <text>var currentUser = null;</text>
    }

    alert(currentUser);

</script>

Which produces an output of:

var currentUser = "Foo Bar";
alert(currentUser);

@Adam Plocher's answer shows a cleaner way to represent it (removing the JavaScript variable declaration from the server script).

An even cleaner way to represent it in a single, slightly easier-to-understand line:

<script>
    var currentUser = '@(User.Identity.IsAuthenticated ? User.Identity.Name : "Anonymous" )';
    alert(currentUser);
</script>

edited Oct 01 '12 at 23:46

answered Oct 01 '12 at 23:21

Tim M.

53,671
14
120
163

All the answers has been down-voted. I wonder what is wrong with this one. – apaderno Oct 02 '12 at 00:06
My first version could have been better. I believe both of the current samples answer the question and they have both been tested. – Tim M. Oct 02 '12 at 00:10

How to switch from Razor to plain old HTML?

3 Answers3