Node.js生成されたテキストボックスが同時に埋められます

Question

Node.jsとAngularでng-repeatを使用してデータベースから動的に生成されたフォームを構築しています。すべてのテキストボックスは、テキストボックスのいずれかに入力されたテキストを複製しています。したがって、1つのテキストボックスに「xyz」と入力すると、すべてが「xyz」となります。しかし、私が結果を提出すると、それはそのフォーム参照を更新するだけです。

これはHTMLです：

<div class="container"> 
<div class="todo-form"> 

<form class="form-inline" ng-repeat="todo in todoData"> 
      <li>    
      <h4>Country Code: {{ todo.country_code }} <input id="{{ todo.country_code }}" type="text" class="form-control input-sm" placeholder="{{ todo.country_name }}" ng-model="formData.text"> 
      <button type="submit" class="btn btn-default" ng-click="updateTodo(todo.country_code)">Update</button></h4><br> 
      </li> 
    </form> 
    </div> 

これは、それが参照するJSです：

明らかに

angular.module('editTodo', []) 
.controller('editController', ($scope, $http) => { 
    $scope.formData = {}; 
    $scope.todoData = {}; 
    // Get Org Details 
    $http.get('ref_country_code_get') 
    .success((data) => { 
    $scope.todoData = data; 
    console.log(data); 
    }) 
    .error((error) => { 
    console.log('Error: ' + error); 
    }); 

、私はこれを無効にする必要があります。私は名前=またはID = {{todo.country_code}}をフォームに追加してユニークにすることを試みましたが、それは機能しません。なぜ彼らは同じテキストボックスのようにすべての演技ですか？私はNode.jsを使い慣れていて、HTMLで非常に錆びていますが、この現象を参照することはできません。誰もこのミスをしていないのはあまりにも基本的なことかもしれませんか？ ％）

Answer 1

Andy Fが問題を解決しました。単にng-model = "formdata.txt"をng-model = "todo.txt"に置き換えてください。現在、他のテキストボックスに入力されたものは、テキストボックスのどれも複製しません。