title: Inserting AngularJs ng-model in MVC DropDownListFor
body: <p>I've hardcoded the values of the drop down list as stated <a href="https://agilewarrior.wordpress.com/2012/12/13/how-to-simple-html-dropdownlistfor-mvc-net/" rel="nofollow noreferrer">here</a> but I can't figure out how I could implement AngularJS's <strong>ng-model</strong> inside the <code>&lt;select&gt;</code> in this particular setup so I could insert <code>ng-model="categoryValue"</code> and get the drop down list values.</p>
  
  <pre><code>&lt;div class="editor-field" ng-model="categoryValue"&gt;
              @Html.DropDownListFor(model =&gt; model.ticketType, 
              new SelectList(
                new List&lt;Object&gt;{
                     new { value = "Hardware/Devices" , text = "Hardware/Devices" },
                     new { value = "Software/Drivers" , text = "Software/Drivers" },
                     new { value = "Access Tools" , text = "Access Tools"}
                  },
                "value",
                "text",
                 1))
              @Html.ValidationMessageFor(model =&gt; model.ticketType)
          &lt;/div&gt;
  </code></pre>
  
  <p>Code above translates into </p>
  
  <pre><code>&lt;select id="ticketType" name="ticketType"&gt;
  &lt;option value="Hardware/Devices"&gt;Hardware/Devices&lt;/option&gt;
  &lt;option value="Software/Drivers"&gt;Software/Drivers&lt;/option&gt;
  &lt;option value="Access Tools"&gt;Access Tools&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>