Forms AngularJS-多个表单-一个ng模型？

比如说，我有一个类似twitter的网站，上面充斥着信息。有一个功能，您可以添加评论的消息

因此，我迭代每条消息并显示一个注释表单：

<div class="" ng-repeat="msg in messages">
    <span>message: {{msg.message}}</span>
    <span>date {{msg.date}}</span>
    <form ng-submit="">
        <input type="text" ng-model="commentForm.comment">
        <button type="submit" value="send">
    </form>
</div>

消息：{{msg.message}
日期{{msg.date}

问题是，当我在一条消息下键入注释时，它会显示在所有输入上，这不是我想要的行为

• 使用disabled=“true”禁用其他输入字段没有帮助

---

代码如下：

根据您提供的代码，所有文本输入都绑定到同一个ng模型变量。因此，当其中一个值更改时，它们将被更新。您最好将注释存储为原始对象的一部分

在控制器中：

$scope.messages = [
    {'message': 'here goes some message',
        'date': '1-1-2014',
        'comment':''
    },
    {'message': 'here goes another message',
        'date': '2-2-2014',
        'comment':''
    }
];

在html中：

<div class="" ng-repeat="msg in messages">
        <input type="text" ng-model="msg.comment">
</div>

---

您正在使用script.js中声明的对象commentForm，它是唯一的

<span>Comments:</span>
<form ng-submit="">
    <input type="text" ng-model="msg.commentForm">
    <button type="submit">send</button
</form>
<br>

注释：
发送