有没有办法通过 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>
这是angularjs--
$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);
}
关于javascript - Angular : Get ng-model by ng-attr-id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41669321/