入力AngularJsの動的ngモデル

Question

問題があります。私は、レンダリングページ

<form name="AddArticle" ng-submit="addArticle()" class="form add-article"> 
    <input type="text" value="first" init-from-form ng-model="article.text[0]" /> 
    <input type="text" value="second" init-from-form ng-model="article.text[1]" /> 
</form> 

を静的テンプレートを使用して、私は、フォームを送信行うとき、私は、データを取得する場合：

{text : {0: "first", 1: "second"}} 

をしかし、私は、動的モーメントを有します。をクリックすると動的を追加しますinput

$(".button").click(function(){ 
    $('.form').append('<input ng-model="article.info" init-from-form type="text" />'); 
}) 

すべてが添付されていますが、提出すると、私はまだ動的入力なしのデータを取得します。

私に教えてください、どのようにすべてのフィールドフォームを取得しますか？

Answer 1

数字1つは、角度を使用できるときにjQueryを混ぜてはいけません。ちょうどあなたが文書に既に追加されているフォームを持っていますが、それはNG `で隠されていないのはなぜ

ビュー

<form name="AddArticle" ng-submit="addArticle()" class="form add-article"> 
    <p ng-repeat="object in data track by $index"> 
     <input type="text" ng-model="object.text" /> 
    </p> 
    </form> 
    <button ng-click="addInput()"> 
    add 
    </button> 
    {{data}} 
</div> 

コントローラ

angular.module("app", []) 
    .controller("testCtrl", function($scope) { 
    $scope.data = []; 
    $scope.addInput = function() { 
     $scope.data.push({}); 
    } 
    }) 

https://jsfiddle.net/pntd3kaf/