簡體   English   中英

Angular JS和ng-model不顯示

[英]Angular JS and ng-model not displaying

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

確保將ng-appng-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/

你似乎在使用angular-wizard 您的小提琴不包括AngularLodash ,它們都是該項目的先決條件 我猜你的本地代碼也沒有,如果不是那么那就是你的問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM