Элементы клонов в угловых

0

Я получил этот код от Владислава Бабенко от этого поста (Clone elements in angularjs):

var App = angular.module('App', []).controller('Test', ['$scope',
  function($scope) {

    $scope.inputCounter = 0;
    $scope.inputs = [{
      id: 'input'
    }];
    $scope.add = function() {
      $scope.inputTemplate = {
        id: 'input-' + $scope.inputCounter,
        name: ''
      };
      $scope.inputCounter += 1;
      $scope.inputs.push($scope.inputTemplate);
    };
   $scope.teste = function (pergunta) {
    console.log("in");

}
  }
])

<!DOCTYPE html>
<html ng-app="App">

<head lang="en">
  <meta charset="UTF-8">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>

<body ng-controller="Test">
  <form ng-submit="teste()">
    <div class="pure-g entry" ng-repeat="input in inputs track by input['id']">
      <div class="pure-u-1-5">
        <input type="text" class="pure-input-1" id="input" name="input-1">
      </div>
      <div class="pure-u-1-5">
        <input type="text" class="pure-input-1" id="date" name="date">
    </div>
    <div class="pure-u-1-5">'enter code here'
        <input type="text" class="pure-input-1" id="input-2" name="input-2">
    </div>
    </div>
  </form>
  <button type="button" id="add" ng-click="add()">Add</button>
  <button type="submit">teste</button>
</body>

</html>

Он отлично работает, но когда добавляется многократная форма, как я могу получить значения из каждой формы?

Теги:
angularjs-scope
angularjs-ng-repeat

1 ответ

0

Дайте каждому входу ng-модель:

<input type="text" class="pure-input-1" id="input-2" ng-model="user.name" name="input-2">

Теперь вы можете указать входное значение в своем контроллере:

$scope.user.name 

Подробнее об этой теме: https://docs.angularjs.org/guide/forms

Ещё вопросы

Сообщество Overcoder
Наверх
Меню