0

我是 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/

4

2 回答 2

2

确保将ng-appandng-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 fiddle 没有 Angular 库,这是更正的版本:

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

于 2014-05-20T02:23:45.157 回答
0

您似乎正在使用angular-wizard. 您的 Fiddle 不包括AngularLodash,它们都是该项目的先决条件。我猜你的本地代码也没有,如果没有,那是你的问题。

于 2014-05-20T02:48:00.753 回答