Add JSON Object to angularjs $scope?

Question

How do I inject my JSON Object in my angular $scope upon create()?

html:

<input type="text" class="title" placeholder="hold" ng-model="formData.text"/>
<input type="text" class="desc" placeholder="description" ng-model="formData.desc"/>

<button type="submit" class="btnCreate" ng-click="createRule();direction('front');go('/myrules')">CREATE
</button>

controller:

$http.get('/public/mdm/default.json').success(function (data) {

            $scope.data = data;
            console.log($scope.data);
        })

$scope.formData = {};

$scope.createRule = function () {
            Rules.create($scope.formData)
                .success(function (data) {
                    $scope.formData = {};
                    $scope.rules = data;

                    // JSON please join my creation...
                });
        };

$scope.formData is the form poulation. It is an Object so push() is out...

$scope.formData[JSONObject] = $scope.data; does not get added properly.

I feel this is a much simpler process than it currently appears to me. Any direction is appreciated so Thanks in advance!

Is there something wrong with the question, warranting a down vote? — studiobrain
– studiobrain, Commented Feb 12, 2014 at 22:46

Adam Zuckerman · Accepted Answer · 2014-02-13 00:36:27Z

2

$scope.formData.JSONObjectProperty = JSONObject;

should do the trick.

answered Feb 13, 2014 at 0:36

Adam Zuckerman

1,6411 gold badge15 silver badges21 bronze badges

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

1 Comment

studiobrain Over a year ago

$scope.formData.data = $scope.data; was the actual trick, but Im going to accept your answer for good measure.

Community · Accepted Answer · 2017-05-23 11:44:02Z

0

$scope.formData[JSONObject] = $scope.data;

JSONObject - I don't believe it's valid key for formData object hash.

have you tried to change it to vital name ?

$scope.formData["JSONObject"] = $scope.data

or

just do simple merge of objects, i.e. $scope.data -> $scope.formData

related question, I believe AngularJS: factory $http.get JSON file

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Feb 12, 2014 at 22:50

Eugene P.

2,63521 silver badges23 bronze badges

2 Comments

studiobrain Over a year ago

SyntaxError: Unexpected token o It is already a parsed as a js Object and I can get all data from within, the trouble is adding it to my scope.

studiobrain Over a year ago

I had an idea that maybe I could just wrap both $scope.data and $ scope.form Data in an array. I have a factory that the rule is created within. Ill update when back in front of my computer.

Collectives™ on Stack Overflow

Add JSON Object to angularjs $scope?

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related