Angular module overrides my textboxfor model value

See more:

C#

ASP.NET

HTML

PHP

jQuery

, +

Hi guys,

I am using asp.net mvc textboxfor like below

@Html.TextBoxFor(p => p.FirstName, new { data_ng_model="FirstName"})

from server i am filling model then assigning it to my view

FirstName="Some Name"

and in angular i assigned like below

$scope.FirstName=""

In my textbox i want to get "Some Name" and it should get assigned to $scope.FirstName as I am using it as angular model. but what actually happens is angular model overrides my server model value.
it show "" i.e. empty
Note: When I am not using angualr it works fine or when ever we assigned some to angular model like

$scope.FirstName="Other Name"

it shows "Other Name" in textbox.
Guys suggest me how to use angular model and TextBoxFor and angular model and TextBox should display server model value.


Thanks in advance.