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

第一，当你可以使用角度时，不要混合使用jQuery。尝试这样的事情：

视图

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

控制器

{{1}}

https://jsfiddle.net/pntd3kaf/

输入AngularJs的动态ng模型

1 个答案: