Angular JS : $scope.data is undefined

Question

I am new to Angular js. I have tried the following code:

<html>
<head>
    <title>angular js</title>
    <script src="js/lib/jquery.min.js"></script>
    <script src="js/lib/angular.min.js"></script>
</head>
<body ng-app="MyApp" ng-controller="MyController">
    <input ng-model="data.selected">
    <h1>{{data.selected}}</h1>


    <script>
    var app = angular.module('MyApp',[]);
    app.controller('MyController',function($scope){
        $scope.data.selected = "Initial Text";
    });

    </script>
</body>
</html>

I tried this code to show the initial text in the H1 tag. But I got the error $scope.data is undefined What is wrong here? How can I solve this?

in the controller you're accessing the field "selected" of something undefined. try $scope.data = {}; $scope.data.selected="initial text" — Eduard Gamonal
– Eduard Gamonal, Commented Oct 21, 2013 at 10:37

Eduard Gamonal · Accepted Answer · 2013-10-21 10:41:34Z

3

This isn't an AngularJS-specific issue, but a general JavaScript error.

in the controller you're accessing the field "selected" of something undefined. try

$scope.data = {}; 
$scope.data.selected="initial text"

or

$scope.data = {selected : "initial text"};

http://jsfiddle.net/egamonal/Fn5KF/1/

answered Oct 21, 2013 at 10:41

Eduard Gamonal

8,0315 gold badges44 silver badges48 bronze badges

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

Comments

Sumeshk · Accepted Answer · 2013-10-21 10:41:04Z

0

try $scope.data = {"selected":"Initial Text"};

answered Oct 21, 2013 at 10:41

Sumeshk

2,00821 silver badges33 bronze badges

Collectives™ on Stack Overflow

Angular JS : $scope.data is undefined

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