title: How to pass string object data to mvc controller for posting?
body: <p>This is my code</p>
  
  <pre><code>&lt;form class="form-horizontal formtext col-xs-12 col-sm-10 col-lg-10 row"&gt;
  &lt;div class="form-group"&gt;
          &lt;div class="col-xs-12 col-sm-5 col-lg-3 paddnone"&gt;
              &lt;label class="control-label"&gt;First Name&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-5" ng-if="!newRecord"&gt;
              &lt;input type="text" class="form-control" ng-model="userDetails.firstname" /&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-5" ng-if="newRecord"&gt;
              &lt;input type="text" class="form-control" ng-model="userDetails.firstName" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-xs-12 col-sm-5 col-lg-3 paddnone"&gt;
              &lt;label class="control-label"&gt;Last Name&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-5" ng-if="!newRecord"&gt;
              &lt;input type="text" class="form-control" ng-model="userDetails.lastname" /&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-5" ng-if="newRecord"&gt;
              &lt;input type="text" class="form-control" ng-model="userDetails.lastName" /&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="col-xs-12 col-sm-5 col-lg-3 paddnone"&gt;
              &lt;label class="control-label"&gt;Email Id&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-5" ng-if="!newRecord"&gt;
              &lt;input type="text" class="form-control" ng-model="userDetails.emailid" /&gt;
          &lt;/div&gt;
          &lt;div class="col-sm-5" ng-if="newRecord"&gt;
              &lt;input type="text" class="form-control" ng-model="userDetails.emailId" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-12 col-sm-9 col-lg-7  btnbg"&gt;
              &lt;button class="btn btn-primary " ng-click="create(userDetails)"&gt;
              SAVE
              &lt;/button&gt;
              &lt;button class="btn btn-primary "&gt;
                  Cancel
              &lt;/button&gt;
          &lt;/div&gt;
  
         $scope.create = function (userDetails) {
          var userData = angular.toJson(userDetails);
          return dataFactory.post("/Usercontroller/Save", userData)
          .then(function (result) {
             alert("save successfully"); 
  
          });
  
       public class UserDataModel 
       {
        public UserDataModel ();
        public Dictionary&lt;string, string&gt; Data { get; set; }
       public string FormName { get; set; }
       }
       public async Task&lt;JsonNetResult&gt; SaveUser(string applicationId, dynamic user)
       {
          Dictionary&lt;string, string&gt; dict = JsonConvert.DeserializeObject&lt;Dictionary&lt;string, string&gt;&gt;(user);
           UserDataModel userDataModel = new UserDataModel ();
          //userDataModel .Data = dict;
          userDataModel.FormName  = "one";
          userDataModel = await Post&lt;UserDataModel&gt;(new UserDataModel{ Data = dict });
          return new JsonNetResult { Data = userDataModel  };
        }
  </code></pre>
  
  <p>In the above code when i click save button data pass to create function in js,then the entire data convert to string and pass to mvc controller , but the <code>dynamic user</code> got object , now how to deserialze and store to webapi.</p>