title: Angular model binding with MVC Html.TextBoxFOr
body: <p>I have controls that are model tied to ASP.net MVC5</p>
  
  <pre><code> @Html.TextBoxFor(model =&gt; model.OriginLocation.City, new { @class = "form-control", data_ng_model = "address1.City", test_change = "" })
  </code></pre>
  
  <p>So when the page loads the value of text box input is bound and should display value coming from service with Razor bound controls, latter i can manipulate that value which changes angular model for this control.
  What i have is textbox loads empty.
  I can see the value when I view source but its not displayed.</p>
  
  <pre><code>&lt;input class="form-control ng-pristine ng-valid" data-ng-model="address1.City" data-val="true" data-val-length="The field City must be a string with a maximum length of 50." data-val-length-max="50" id="OriginLocation_City" name="OriginLocation.City" test-change="" type="text" value="Manheim"&gt;
  </code></pre>
  
  <p>js fragment</p>
  
  <pre><code>app.controller('LocationCtrl', ["$scope",
  function ($scope) {
    $scope.address1 = { Label: 'address1' };
  </code></pre>