Hi all,
I am new to the AngularJs. Reading the online tutorial I tried following,
controller.js:
*var myApp = angular.module("myApp", []);*
*myApp.controller("controller",*
* function controller($scope){*
* $scope.meal = {*
* 'breakfast' : 'Orange Juice',*
* 'Lunch' : 'Fruit Salad',*
* 'Dinner' : 'Vegetable Rice'*
* }*
* }*
*)*
index.html:
<!doctype html>
<html ng-app="myApp">
<head>
<title>Angular Course</title>
<script src="lib/Angular/angular.min.js" ></script>
<script src="js/controllers.js"></script>
</head>
<body>
<div ng-controller = "controller">
<h1>{{meal.breakfast}}</h1>
</div>
</body>
</html>
I am expecting value of meal.breakfast in web page but I am getting
following,
http://localhost:3001
*{{meal.breakfast}}*
Could any one please guide me what is wrong? Thank you in advance.
Regards
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
