形式为ng-repeat

Question

观看次数：

<ul ng-repeat="x in posts.post">
    {{x.name}}  {{x._id}} {{x.post}} {{x.user_id}} 
    <br>
    <form>
        <textarea  ng-model='new_comment.comment' name="comment" rows="4" cols="50">
        </textarea> 
        <br>
        <input type="submit" value="Post Comment!" ng-click="addComment(x._id)" >
    </form>
</ul>

这是控制器：

$scope.addComment = function(id) {
    postFactory.addComment(id, $scope.new_comment, function () {
        postFactory.getComment(function (data) {
            $scope.comments = data;
        });
        $scope.new_comment = {};
    });
};

这是工厂：

factory.addComment = function(id, info, callback) {
    console.log(info);
    $http.post("/saveComment/" + id , info).success(function() {
        comments.push({name: info.name, age: info.description, category: info.category});
        callback(comments);
    });
};

我在这里有这些代码。 当表单包装在ng-repeat标记内时，该表单不会在我的控制器/工厂中输出任何内容，但是当我删除它时，它将输出所需的内容。 但是我需要访问循环的ID（x._id）。

Answer 1

而不是使用<form>标签

尝试<div ng-form="your_form_name">

Answer 2

你应该这样尝试

<ul ng-repeat="x in posts.post">
    {{x.name}}  {{x._id}} {{x.post}} {{x.user_id}} 
    <br>
    <textarea ng-form="form" ng-model='new_comment.comment' name="comment" rows="4" cols="50">
    </textarea>
    <br>
    <input type="button" value="Post Comment!" ng-click="addComment(x._id)" >
</ul>

Answer 3

您不得声明$scope.new_comment 。 尝试这个：

$scope.new_comment = {}; //right after your controller starts.

Answer 4

控制器无法访问new_comment.comment因为ng-repeat创建了它自己的作用域。 如果在控制器中定义它，则所有注释输入字段都将绑定到同一模型。

最简单的解决方案是通过函数传递注释值。

addComment (x.id, new_comment.comment)

Answer 5

请使用li来包装您的所有html，并在li而不是ul上应用ng-repeat。