Question

This sounds really basic yet I couldn’t find the answer.

I pass a Message struct to the View and I want to display it.

If the Message.Category field is “Technical” I want to display “Technical Problem” else just display it as it is.

How do I make the view understand that Technical Problem isn’t a statement but html text I want to display?

My code:

<span class="cright" id="cat">
@{
    if (String.Compare(ViewBag.Message.Category, "Technical") == 0) 
    {
     Technical Problem <----THIS  
    } 
    else @ViewBag.Message.Category
 }
</span>

More info:
I’m working on a messaging system. Users create a message and as it is being sent they can view it. The category is compulsory (Question, Suggestion or Technical Problem) and to avoid redundancy in the database I truncate the last option to just ‘Technical’, however when the users view their sent message I want it to show up in full.

Thanks everyone; from all your answers I arrived at:

<span class="cright" id="cat">

      @if (ViewBag.Message.Category == "Technical ")
         {<text>Technical Problem</text>}
       else
         {<text>@ViewBag.Message.Category</text>}

</span>

which works just as I wanted.

Answer 1

Original Answer

if(ViewBag.Message.Category == "Technical")
{
  <span>Technical problem</span>
}
else
{
  <span>Problem is : @(ViewBag.Message.Category)</span>
}

Updated Answer

  //Model
   public class Message
   {
      public int ID {get; set;}
      public string Message {get; set;}
      public string Category {get; set;}
   }

   //Controller
    public ActionResult Index()
    {
      //If you use Linq to Sql, I made this up but this should give you an idea

      using(MessageDataContext context = new MessageDataContext())
      {
        var messages = context.Messages.Where(m => m.Category == "Technical")
       .Select(m => new Message { ID = m.ID, Message = m.Text, Category = m.Category});

        return View(messages);
      }
    }

//View
@model IEnumerable<Message>

@foreach(var message in Model)
{
    if(message.Category == "Technical")
    {
      //Id and class will be "TechnicalMessage1"
      //Now you can create css class called "TechnicalMessage1" and only message with Id = 1 will have it
      <span id="@(message.Category)Message@(message.ID)" class="@(message.Category)Message@(message.ID)">Technical problem</span>
    }
    else
    {
      <span>Problem is : @(ViewBag.Message.Category)</span>
    }
}