asp.net-mvc-4 - ビュー モデルからかみそりの DropDownList を作成する

Question

ビューにかみそりの DropDownList を設定するためのカスタム モデル (CustomModel としましょう) があります。

namespace MyNamespace.Models
{
    public class SelectListItem
    {
        public string Value { get; set; }
        public string Text { get; set; }
    }

    public class ComponentTypeModel
    {
        private readonly List<ComponentType> componentTypes;

        [Display(Name = "Component Type")]
        public int SelectedCompTypeId { get; set; }

        public IEnumerable<SelectListItem> CompTypeItems
        {
            get
            {
                var allCompTypes = componentTypes.Select(f => new SelectListItem
                {
                    Value = f.Id.ToString(),
                    Text = f.Name
                });

                return allCompTypes;
            }
        }

        public IEnumerable<SelectListItem> DefaultCompTypeItem
        {
            get
            {
                return Enumerable.Repeat(new SelectListItem
                                               {
                                                   Value = "-1",
                                                   Text = "Select a component type"
                                               }, 
                                         count: 1);
            }

        }
    }
}

次に、私の見解では、かみそりを使用して次のことを行います。

@model MyNamespace.Models.CustomModel

@Html.LabelFor(m => m.SelectedCompTypeId);
@Html.DropDownListFor(m => m.SelectedCompTypeId, Model.CompTypeItems);

しかし、2番目の引数Model.CompTypeItems行:

@Html.DropDownListFor(m => m.SelectedCompTypeId, Model.CompTypeItems);

有効ではないというコンパイル エラーが生成されます。何か案は？