Question

我是Angular JS的新手，这就是我的开始：

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

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

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

}]);

user用于在我的步骤<input type='text' ng-model='user.name'>中收集输入字段中的数据，当我调用它时{{user.name}}输入文本中的内容将在下一步中显示。

我的问题是如何让$scope.displayName显示在我的页面上。

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

我已经尝试了所有这些，似乎没有工作。请帮忙。

这是一个jfiddle http://jsfiddle.net/Fc7KZ/

Answer 1

确保您已将ng-app和ng-controller属性添加到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>

更新1：

你的js小提琴没有角度库这里是更正的版本：

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

Answer 2

您似乎正在使用angular-wizard。你的小提琴不包括Angular或Lodash，它们都是pre-requisites of that project。我猜你的本地代码也没有，如果不是那么那就是你的问题。

Angular JS和ng-model不显示

2 个答案: