$scope.data undefined in controller

Question

I can't use $scope.data in my controller, it's undefined, can you help please ?

Thanks

contact.html

<textarea cols="40" rows="6" name="message" id="message" class="panelInputs" placeholder="Message" ng-model="data.message" ng-change="displayscope()"></textarea>

controllers.js

angular.module('BoardLine.controllers', ['BoardLine.services'])
.controller('ContactCtrl', function($scope, $stateParams, sessionService, isPhoneGap, isIOS) {
  console.log($scope.data);
  $scope.displayscope = function() {
    console.log("displayscope : ");
    console.log($scope.data);
  }
})

app.js

angular.module('BoardLine', ['ionic', 'ngCookies', 'ui.unique', 'BoardLine.controllers', 'BoardLine.services', 'BoardLine.filters'])

Joy · Accepted Answer · 2015-09-30 09:36:04Z

4

You need to define the property data like $scope.data = {} in your controller first. Because your ng-model binds to data.message, while data is undefined. So the message cannot be assigned.

answered Sep 30, 2015 at 9:36

Joy

9,60011 gold badges50 silver badges99 bronze badges

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

Comments

Daniel Kuta · Accepted Answer · 2015-09-30 09:39:57Z

2

In your controller you should declare $scope.date object

    angular.module('BoardLine.controllers', ['BoardLine.services'])
.controller('ContactCtrl', function($scope, $stateParams, sessionService, isPhoneGap, isIOS) {
//add this
$scope.data = {};

  console.log($scope.data);
  $scope.displayscope = function() {
    console.log("displayscope : ");
    console.log($scope.data);
  }
})

answered Sep 30, 2015 at 9:39

Daniel Kuta

1,63415 silver badges24 bronze badges

Collectives™ on Stack Overflow

$scope.data undefined in controller

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related