有没有办法通过ng-attr-id
获得ng-model
值?
我正在制作一个评论/回复框,我想获取当前回复的值。
这是我的 html--
<div class="comments-list" ng-show="CommentsLoaded">
<ul>
<li ng-repeat="comment in comments">
<div>
{{comment.content}}
</div>
<div ng-click="showReply(comment.id)">
Reply
</div>
<div ng-class="hideReply" ng-attr-id="{{'reply-'+comment.id}}">
<textarea ng-model="replytxt" ng-attr-id="{{'replytxt-'comment.id}}"></textarea>
<div class="form-group">
<button type="button" ng-click="sendReply(comment.id)">
Publier
</button>
</div>
</div>
</li>
</ul>
</div>
这是角度——
$scope.sendReply = function(commentId){
var elm = document.getElementById('replytxt-'+commentId);
console.log(elm);
}
上面的函数在控制台中显示了这一点:
<textarea ng-model="replytxt" ng-attr-id="{{'replytxt-'+comment.id}}" class="ng-pristine ng-valid ng-touched" id="replytxt-31"></textarea>
不需要通过元素选择器检索元素值。单击时sendReply
函数本身传递replytxt
值。
ng-click="sendReply(comment.id, replytxt)"
$scope.sendReply = function(commentId, replytxt){
建议:与其将replytxt
作为ng-model
独立存在,不如将其放在像comment.replytxt
这样的注释级别属性上,这样就不需要负责将replytxt
值单独传递给服务器。
ng-click="sendReply(comment)"
法典
$scope.sendReply = function(comment){
console.log(comment.id, comment.replytxt);
}