Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

C# ASP.NET MVC Basics Modeling and Presenting Data Using Strongly Typed Views

I'm having trouble with this challenge. I tried to follow the advice offered on a couple posts, but still get an error

Challenge Task 2 of 2

Update the Detail.cshtml view to be a strongly typed view. Add a model directive to strongly type the view using the Treehouse.Models.VideoGame data model type. Replace the ViewBag Title, Description, and Characters property references with the respective Model properties.

VideoGamesController.cs
using System.Web.Mvc;
using Treehouse.Models;

namespace Treehouse.Controllers
{
    public class VideoGamesController : Controller
    {
        public ActionResult Detail()
        {
            var videoGame = new VideoGame()
            {
                Title = "Super Mario 64",
                Description = "Super Mario 64 is a 1996 platform video game developed and published by Nintendo for the Nintendo 64.",
                Characters = new string[]
                {
                    "Mario",
                    "Princess Peach",
                    "Bowser",
                    "Toad",
                    "Yoshi"
                }
            };

            return View(videoGame);
        }
    }
}
Detail.cshtml
@model Treehouse.Models.VideoGame 

@{
    Model.PageTitle = "Video Game Detail";
}

<h1>@Model.Title</h1>

<h5>Description:</h5>
<div>@Model.Description</div>

<h5>Characters:</h5>
<div>
    <ul>
        @foreach (var character in Model.Characters)
        {
            <li>@character</li>
        }
    </ul>
</div>
VideoGame.cs
namespace Treehouse.Models
{
    // Don't make any changes to this class!
    public class VideoGame
    {
        public int Id { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
        public string[] Characters { get; set; }
        public string Publisher { get; set; }

        public string DisplayText
        {
            get
            {
                return Title + " (" + Publisher + ")";
            }
        }
    }
}

I added the @model Treehouse.Models.VideoGame as someone suggested. I also replaced every ViewBag with model. I've tried upper and lower case m.

1 Answer

Chris Jones
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Chris Jones
Java Web Development Techdegree Graduate 23,921 Points

Hi Lee,

You need to change the PageTitle property as well to pass this challenge. It's unfortunate that this isn't listed in the code challenge, but that's what I had to change to pass it:

@model Treehouse.Models.VideoGame

@{
    ViewBag.PageTitle = Model.DisplayText;
}

<h1>@Model.Title</h1>

<h5>Description:</h5>
<div>@Model.Description</div>

<h5>Characters:</h5>
<div>
    <ul>
        @foreach (var character in Model.Characters)
        {
            <li>@character</li>
        }
    </ul>
</div>

Thanks Chris!

Radu - Adrian Buha
Radu - Adrian Buha
Courses Plus Student 5,535 Points

Grrrrr. I hate these issues! Had the same problem. And the "Bummer: Did you remove the 'ViewBag.Title' property assignment to 'Video Game Detail'?" was ambiguous. Thank you for the help!