0

私のHTMLは次のようになります 

<div ng-controller = "AppControl">
   <input type="text" id="nameText" ng-model="yourName" value="{{name}}">
   <h1>You are typing : {{yourName}}</h1>
</div>

そしてJavaScriptはここにあります 

var Application = {};
var App = angular.module('Application', []);
function AppControl($scope){
  $scope.name = "Name";
}

私の期待する結果は次のとおりです。「名前」は、を介して割り当てられたとおりにテキストボックスに表示されます$scope。テキストボックスはmodelですので、<h1>タグは初期値で更新する必要があり、更新するたびに変更する必要があります。しかし、更新すると値が更新されますが、初期値がテキストボックスに表示されません。

4

1 に答える 1

2

ドロップvalue="{{name}}"してモデルに割り当てます（例$scope.yourName= "Name";）。残りはAngularが処理します。

<div ng-controller="AppControl">
   <input type="text" id="nameText" ng-model="yourName">
   <h1>You are typing : {{yourName}}</h1>
</div>

var Application = {};
var App = angular.module('Application', []);
function AppControl($scope){
  $scope.yourName = "Name";
}

デモ： http： //jsbin.com/efadal/1/

于 2013-02-15T11:11:44.590 に答える