angular cannot set property

Question

I have an error in angular js, when setting application.apikey with response.data.

HTML:

<div class="row">
    <div class="form-group col-xs-6">
        <label>1:</label>

        <input type="text" class="form-control" name="apikey" ng-model="applicationn.apikey"></input>
    </div>

    <div class="form-group col-xs-6">
        <label>2:</label>
        <input type="text" class="form-control" name="apikeysecret" ng-model="application.apisecret"></input>
    </div>
</div>

AngularJS:

$scope.getApiKey = function () {
            $http({
            method: 'GET',
            url: '/applications/generateApiKey'
        }).then(function success(response) {
            console.log(response.data),
            $scope.application.apikey = response.data.apikey;
        });
    }

Console:

    {id: null, name: null, apikey: "cce4866e0b23c721b1e8d733a4cf48c1", apisecret: "914c87f20473c4fac9fbbab65de6e6b0", custom_data: null}
angular.js:14525 TypeError: Cannot set property 'apikey' of undefined

you probably need to parse the response with JSON.parse(data) — Kukic Vladimir
– Kukic Vladimir, Commented Aug 25, 2017 at 10:42

Gaurav Srivastava · Accepted Answer · 2017-08-25 10:42:01Z

1

You have not defined $scope.application and trying to define its property.

Try this :

$scope.application = {};
$scope.getApiKey = function () {
            $http({
            method: 'GET',
            url: '/applications/generateApiKey'
        }).then(function success(response) {
            console.log(response.data),
            $scope.application.apikey = response.data.apikey;
        });
    }

answered Aug 25, 2017 at 10:42

Gaurav Srivastava

3,2323 gold badges20 silver badges37 bronze badges

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

2 Comments

taskiukas Over a year ago

thanks, so if i get it right, everytime i declare variable in html file, i must declare it in controller too?

Gaurav Srivastava Over a year ago

no its not necessary, the problem was, you used $scope.application.apikey without defining $scope.application, you could have used $scope.apikey without defining anything

Collectives™ on Stack Overflow

angular cannot set property

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related