Html 注释/回复查询

Html 注释/回复查询,html,angularjs,Html,Angularjs,嗨,伙计们!Angular JS出现了这个问题,这困扰了我一段时间,所以决定寻求一些帮助,记住我是Angular的新手,所以要温柔:)。我想做一个简单的Angular JS评论/回复部分。我做了,它正在工作,但不是我想要的方式。我希望回复部分在其容器上方发布回复,不是在它下面。我希望在发布回复时,它会出现在回复文本区域上方,但会出现在已发布的评论下方。如何做到这一点,我们将非常感谢您的帮助?以下是我编写的代码: HTML: } 回复部分使用相同的JS函数: function FrmControl

嗨,伙计们!Angular JS出现了这个问题,这困扰了我一段时间,所以决定寻求一些帮助,记住我是Angular的新手,所以要温柔:)。我想做一个简单的Angular JS评论/回复部分。我做了,它正在工作,但不是我想要的方式。我希望回复部分在其容器上方发布回复,不是在它下面。我希望在发布回复时,它会出现在回复文本区域上方,但会出现在已发布的评论下方。如何做到这一点,我们将非常感谢您的帮助?以下是我编写的代码:

HTML:

}

回复部分使用相同的JS函数:

function FrmController2($scope) {
$scope.comment = [];
$scope.btn_add = function () {
    if ($scope.txtcomment2 != '') {
        $scope.comment.push($scope.txtcomment2);
        $scope.txtcomment2 = "";
    }
}
$scope.remItem = function ($index) {
    $scope.comment.splice($index, 1);
}
}


也可以有人告诉我如何添加每个部分(评论和回复)的形象化身,以及日期和时间,提前感谢

如果我读对了,你会想用这个:

<textarea ng-repeat="comnt in comment | orderBy: $index : true" style='width:510px'> Reply: {{ comnt }} </textarea>
HTML:

回复:{{comnt.date}{{comnt.comment}}

如果我读对了,您会希望使用以下内容:

<textarea ng-repeat="comnt in comment | orderBy: $index : true" style='width:510px'> Reply: {{ comnt }} </textarea>
HTML:

回复:{{comnt.date}{{comnt.comment}}

你好,克里斯,谢谢你的回复!它正在工作,但当您在回复部分键入内容并按下按钮发布该回复时,文本将显示在下方,我正试图将其置于回复部分框上方,因此当您按下按钮发布回复时,文本将显示在回复文本区域上方,但在评论区域下方。等等。。你想让盒子上面的回复回复吗?如果是这样的话,只需将回复的html移到回复框html的上方。只需添加一个图片演示,看看我的想法和我正在尝试做什么,它就在我的帖子的顶部!正确的。。。只需将HTML元素向上移动。我编辑了我的答案,以方便您的要求。是的,现在它起作用了:)更关注JS方面,而且很容易查看html:)仍然需要将评论/回复部分做得更好。关于如何添加带有日期和时间的头像图像,有什么建议吗?谢谢!嗨,克里斯,谢谢你的回复!它正在工作,但当您在回复部分键入内容并按下按钮发布该回复时,文本将显示在下方,我正试图将其置于回复部分框上方,因此当您按下按钮发布回复时,文本将显示在回复文本区域上方,但在评论区域下方。等等。。你想让盒子上面的回复回复吗?如果是这样的话,只需将回复的html移到回复框html的上方。只需添加一个图片演示,看看我的想法和我正在尝试做什么,它就在我的帖子的顶部!正确的。。。只需将HTML元素向上移动。我编辑了我的答案,以方便您的要求。是的,现在它起作用了:)更关注JS方面,而且很容易查看html:)仍然需要将评论/回复部分做得更好。关于如何添加带有日期和时间的头像图像,有什么建议吗?谢谢!
<textarea ng-repeat="comnt in comment | orderBy: $index : true" style='width:510px'> Reply: {{ comnt }} </textarea>
    <div id='dv2'>
        <form ng-controller="FrmController2">
            <form ng-controller="FrmController2">
                <ul>
                    <textarea ng-repeat="comnt in comment" style='width:510px'> Reply: {{ comnt }} </textarea>
                </ul>
                <textarea ng-model="txtcomment2" placeholder="Reply..." style='width:510px'></textarea>
                <button ng-click='btn_add();' id="replyBtn" style='margin-top:5px;'>Reply</button>
            </form>
        </form>
    </div>
$scope.btn_add = function () {
    if ($scope.txtcomment2 != '') {
        var dateTime = new Date();
        $scope.comment.push({comment : $scope.txtcomment2, date : dateTime);
        $scope.dt.push(dateTime);
        $scope.txtcomment2 = "";
    }
}
<textarea ng-repeat="comnt in comment" style='width:510px'> Reply: {{comnt.date}} {{ comnt.comment }} </textarea>