Can't initialize values in angular

Question

I'm just starting out with AngularJS and have hit a really simple snag that I just can't seem to get past. All I want to do is initialize some values when the page loads. It doesn't happen. Here's the code:

var bookingAppModule = angular.module('bookingApp', []);

bookingAppModule.controller('bookingController', ['$scope', function ($scope) {
    $scope.bookingDate = '2014/04/28';
    $scope.alertMessage = "initialized";
}]);


</script>
<div id ="booking-app" ng-app="bookingApp"">
<div >
    {{bookingDate}}<br />
    <input type="date" ng-model="bookingDate" />
    <br />
    {{alertMessage}}
</div>
</div>

What am I missing here? BTW, I also tried putting an init() function on the controller and using ng-init= "init()", but that doesn't work either. I can initialize the values using ng-init ="bookingDate= ...", but that is not what I want.

Just stick ng-controller="bookingController" in one of those first divs. — Zack Argyle
– Zack Argyle, Commented Apr 29, 2014 at 0:56

jake · Accepted Answer · 2014-04-29 01:03:24Z

3

Put the ng-app attribute in the HTML tag. Reference ng-controller in the booking-app div like this:

<div id ="booking-app" ng-controller="bookingController"">

edited Apr 29, 2014 at 1:03

answered Apr 29, 2014 at 0:57

jake

1,0278 silver badges9 bronze badges

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

2 Comments

see sharper Over a year ago

Thanks! I thought the line bookingAppModule.controller(... had the effect of assigning the controller. Can you explain?

jake Over a year ago

That line just creates the controller. Angular can handle multiple views and controllers so you have to define the context in which the controller is being used. Once you start using routing this will become clearer. docs.angularjs.org/guide/controller#!

Collectives™ on Stack Overflow

Can't initialize values in angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related