Append key value pair to angularjs object

Question

I am getting json output from laravel 5.2 form request validation

My json output is:

{
    "title": [
        "The title field is required."
    ],
    "description": [
        "The description field is required."
    ],
    "address.city": [
        "City field is required"
    ]
}

Appending this output to object

var self = this;
self.error = {
    address: {}
};

var onFailure = function (response) {
    angular.forEach(response.data, function(value, key) {
        self.error[key] = value[0];
    });
};

I want to access this error object to my view, for "address.city", I can't access it using "ctrl.error.address.city", rest I can access

How to append object with key containing "." and show it in view?

Manish · Accepted Answer · 2016-09-22 04:16:11Z

1

Here is what you need. But its better not to have (.) in a property name. Instead you can use a underscore(_). Avoid using dot(.) as a chaaracter in property names.

var myApp = angular.module('MyApp', []);

myApp.controller('MyCtrl', function ($scope) {
 $scope.foo={};
    $scope.foo['hello.There'] = "I'm foo!";
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyApp" ng-controller="MyCtrl">
    {{foo["hello.There"]}}<br />
    <input type="text" ng-model="foo['hello.There']" />
</div>

answered Sep 22, 2016 at 4:16

Manish

5,0963 gold badges33 silver badges47 bronze badges

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

Comments

Deendayal Garg · Accepted Answer · 2016-09-22 04:11:35Z

0

if you know the key name then the only way you can access it is by [].

Check the fiddle for more info.

https://jsfiddle.net/9f4mbh1h/1/

answered Sep 22, 2016 at 4:11

Deendayal Garg

5,1462 gold badges21 silver badges33 bronze badges

Comments

zeeshan Qurban · Accepted Answer · 2016-09-22 05:58:16Z

0

You need to change your code to this

in your controller

myApp.controller('MyCtrl', function ($scope) {
 $scope.foo={};
$scope.foo "hi";
  });

in html

<div ng-app="MyApp" ng-controller="MyCtrl">
  <input type="text" ng-model="foo" /> </div>

answered Sep 22, 2016 at 5:58

zeeshan Qurban

3871 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

Append key value pair to angularjs object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related