javascript - AngularJS ng-重复输入

Question

我正在尝试使用 Angular js 制作评论功能。问题是当我想为帖子写评论时，文本也在其他输入元素(评论)中写入。我在一个输入中写了一段文本，但它在所有输入中都写了

例如，这段代码也发生了同样的事情

<div class="comments" ng-repeat="articles in [1,2,[4,5,6]]">
<div ng-repeat="comments in articles">
    <div>
        <input type="text" ng-model="$parent.new">
    </div>
</div>

如果我使用 new 而不是 $parent.new 我会得到未定义，但是当我使用 $parent.new 并且我写入一个输入时，它也会写入其他输入。

Answer 1

问题是您将所有输入分配给同一个模型，因此您的输入都与同一个对象同步。

您需要将每个输入分配给不同的模型。我猜你需要这些模型是动态的，所以你应该使用数组作为你的模型并通过 $index 跟踪你的 ng-repeat ，如下所示:

<div ng-repeat="comments in articles track by $index">
    <div>
        <input type="text" ng-model="arr[$index]">
        <span ng-if="arr[$index]">
            {{arr[$index]}}
        </span>
    </div>
</div>

现在，在您的 Controller 中，您可以像这样初始化空的arr:

$scope.arr = [];

现在，您的输入将与 $scope.arr 同步，具体取决于它们所在的索引。

试试这个 jsfiddle举个例子。