Как получить значение динамически добавленного ввода внутри ng-repeat?

Я пытаюсь получить значение входов, которые создаются при нажатии на поле. Эти входы находятся внутри ng-повторения. Я попытался отправить элемент внутри ng-click, но, поскольку он находится за пределами ng-repeat, он не будет работать. Я не могу понять, как получить значения для каждого входа. Любая помощь могла бы быть полезна!

HTML

<div class="tagBox" ng-repeat="item in inputs">
    <input ng-model="itemValue"/>
</div>
<span class="btn btn-link topic-link" ng-click="addInput(item)">
     Add Another Topic
</span>

JS

$scope.inputs = []
$scope.addInput = function(){
    $scope.inputs.push({})
}

1 ответ

Сейчас это выглядит так, что вы привязываете все свои входные данные к $scope.itemValue. Лучший способ получить эту информацию - инициализировать $ scope.itemValue в виде массива, а затем сделать что-то вроде:

<div class="tagBox" ng-repeat="item in inputs">
    <input ng-model="itemValue[$index]">
</div>

Затем вы можете получить все свои значения в массиве $scope.itemValue.

Другие вопросы по тегам