[英]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-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小提琴沒有角度庫這里是更正的版本:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.