ngcontroller in Angular JS
I'm having some trouble understanding how to use ng-controller. I've a
form controller in eventController.js.
<html ng-app>
<head>
<script src="angular.js"></script>
<script src="eventController.js"></script>
</head>
<body>
<div>
<h3>My Event:<i>{{event.name}}</i></h3>
</div>
<div ng-controller="formController">
<form >
<label>Event Name:</label>
<input type="text" ng-model="event.name" placeholder="Event Name">
</form>
</div>
</body>
</html>
Now the heading even.name is not getting displayed when I'm using
ng-controller="formController" in that division otherwise its working
fine. When I use ng-controller on the whole page as a division then I get
{{event.name}} and not the content.
How can I display the content of event.name and also use the controller on
form together ?
What mistake am I making ?
No comments:
Post a Comment