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