Angular JS and ng-model not displaying

Question

I am a newbie at Angular JS and this is what I started with:

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

myApp.controller('WizardController', ['$scope', function($scope){

  $scope.user = {};
  $scope.displayName = 'Hello';

}]);

user is used to gather the data in the input fields in my steps <input type='text' ng-model='user.name'> and when I call it like so {{user.name}} what is inside the input text appears in a next step.

My question is how do I get $scope.displayName to display on my page.

<p ng-model="displayName"></p>
<p>{{displayName}}</p>
<p><input type='text' ng-model='displayName'></p>

I have tried all of these and none seem to work. Please help.

here is a jfiddle http://jsfiddle.net/Fc7KZ/

Updated your fiddle did not have angular library included jsfiddle.net/Fc7KZ/2 — Dalorzo
– Dalorzo, Commented May 20, 2014 at 2:56

Dalorzo · Accepted Answer · 2014-05-20 02:55:44Z

2

Make sure you added the ng-app and ng-controller attributes to your html

<body ng-app="myApp" ng-controller="WizardController">
<p ng-model="displayName"></p>
<p>{{displayName}}</p>
<p><input type='text' ng-model='displayName'></p>
</body>

Update 1:

Your js fiddle did not have angular library here is the version corrected:

http://jsfiddle.net/Fc7KZ/2/

edited May 20, 2014 at 2:55

answered May 20, 2014 at 2:23

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

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

1 Comment

user3618922 Over a year ago

nope I have those in place, but it did make me check twice.

Terry · Accepted Answer · 2014-05-20 02:48:00Z

0

You seem to be using angular-wizard. Your Fiddle doesn't include Angular or Lodash, which are both pre-requisites of that project. I'm guess your local code doesn't either, if not then that's your problem.

answered May 20, 2014 at 2:48

Terry

14.2k9 gold badges58 silver badges84 bronze badges

Collectives™ on Stack Overflow

Angular JS and ng-model not displaying

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related