How to display only updated form data in angularjs?

Question

I'm trying to display only the updated values in controller but I'm getting complete data. How can I get only updated values?

Input field:

 <div class="" ng-repeat="fields in containerDetails.containerFields">
    <input type="{{features.input}}"  minlength="{{features.rules[0].minlength}}" maxlength="{{features.rules[0].maxlength}}" required name="{{name}}" ng-model="features.name" >
    </div>
<button ng-click="save()">Save</button>

Clicking save should only pass updated values to controller.

 .controller('DemoCtrl', function($scope, $http) {

            $http.get('json/test.json').
            success(function(data, status, headers, config) {
                $scope.containerDetails=data;

                console.log(data);
                $scope.mode=data.containerProperties.mode;
                $scope.user=data.containerProperties.role;
                console.log($scope.user);
                }).
            error(function(data, status, headers, config) {
                console.log("error");
            });


    $scope.save = function() {

    $scope.msg = 'Data sent: '+ JSON.stringify($scope.containerDetails);

        console.log($scope.msg);
  };

I have JSON like:

"containerFields": [

      {
        "label": "First Name",
        "name": "first_name",
        "placeholder": "Enter Your first name",
        "primary": "no",
        "required": "yes",
        "type": "text",
        "input":"text",
        "enum": "false",
        "access":"user",
          "minlength":"10",
            "maxlength":"150",
        "rules": [{
            "message":"Enter First Name",
            "minlength":"10",
            "maxlength":"150",
            "elementValidate":"aplha"
        }]
      },
      {
        "label": "Email",
        "name": "email",
        "placeholder": "Enter Your email",
        "primary": "no",
        "required": "yes",
        "type": "text",
        "input": "email",
        "access":"user",
        "rules": [{
            "message":"Enter valid email",

            "elementValidate":"email"
        }]
      }
]

Check the $pristine property on each field. See stackoverflow.com/questions/18641618/… — Daniel Beck
– Daniel Beck, Commented Jul 7, 2015 at 13:34

Michael · Accepted Answer · 2015-07-04 10:44:44Z

0

Write the values in a seperate data structure. The safe function can access all the values via $scope.data.

<input type="{{features.input}}"  minlength="{{features.rules[0].minlength}}" maxlength="{{features.rules[0].maxlength}}" required name="{{name}}" ng-model="data[features.name]" >

answered Jul 4, 2015 at 10:44

Michael

3,1141 gold badge19 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

stackoverflow Over a year ago

Thanks for reply. Please explain me how can i do in that way. thank you

Michael Over a year ago

Have a look at code i provided in my answer. Use ng-model="data[features.name]" instead of ng-model="features.name"

Collectives™ on Stack Overflow

How to display only updated form data in angularjs?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related