Bind values with AngularJS and Razor
<p>I'm new to angularjs. Trying to code the Edit functionality of a single person record.</p>

<pre><code>&lt;div ng-app="myapp"&gt;
        &lt;div class="container"&gt;
            &lt;div ng-controller="mycontroller"&gt;
                &lt;div class="col-md-12 col-sm-12"&gt;

                    @Html.HiddenFor(o=&gt;o.ID, new { @class = "form-control", ng_value="ID" })

                    &lt;div class="form-group"&gt;
                        &lt;label&gt;Name&lt;/label&gt;
                        @Html.TextBoxFor(o =&gt; o.Name, new { @class = "form-control", ng_value="Name" })
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label&gt;Name&lt;/label&gt;
                        @Html.TextBoxFor(o =&gt; o.Address, new { @class = "form-control", ng_value="Address" })
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label&gt;Name&lt;/label&gt;
                        @Html.TextBoxFor(o =&gt; o.Telephone, new { @class = "form-control", ng_value="Telephone" })
                    &lt;/div&gt;

                    &lt;div class="form-group"&gt;
                        &lt;input type="button" value="Update" class="btn btn-primary" ng-click="updatedata()" /&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt; 

  &lt;script&gt;

        var app = angular.module("myapp", []);

        app.controller("mycontroller",function($scope,$http){

            $scope.updatedata = function () {
                alert($scope.Name);
                $http({ method: "post", url: "/Person/Edit", data: { id: $scope.ID, Name: $scope.Name, Address: $scope.Address, Telephone: $scope.Telephone } })
                .success(function () { alert("Success."); });

            }

        })

    &lt;/script&gt;
</code></pre>

<p>When I click on the update button. $scope doesn't pass values to the server side Edit method. all the parameter values are null but actually, values do exist in Textboxes.</p>

<p>It looks like a conflict between AngularJS ng_value and the values loaded by Razor.</p>

<blockquote>
  <p>For Ex: $scope.Name is undifined.</p>
</blockquote>