上書きせずにフィールド値をロードする

Question

ページのディレクティブ・コール内に複数のフィールドがロードされています。それぞれのフィールドには、RESTコールまたはローカル・ストレージからの事前取得データがロードされます。

私が使用するメカニズムは、$ scopeを使ってフィールドを読み込みますが、ページの読み込みが終了すると、値そのものは決して読み込まれません。 jQueryを使用してロードすると、その値は初期化され、ページのロード時に消えます。私は原因が何であるか分かりませんし、Angularにはかなり新しいので、この些細なことを回避するにはどうすればよいか分かりません。

ディレクティブのフォームマークアップは以下の通りです：

<form name="testfield" ng-controller="testfieldApp" ng-submit="verify(testform)" novalidate> 
    <input type="text" name="testfield" id="testfield" ng-model='testfield' value="{{TestField}}" required /> 
</form> 

ラッピングコントローラ

app.controller('testfieldApp', function ($scope, $window, $http, $localStorage) { 
    $scope.TestField = "Test Name"; 
    //Additional $scope. methods exist for validation and submit, omitted 
}); 

Answer 1

あなただけng-modelを必要とするが、それは大文字と小文字が区別されます。 ng-modelは、あなたが持っているものをすべて無効にしますvalue。代わりにこれを試してください：

<input type="text" name="testfield" id="testfield" ng-model="TestField" required />