Lo que quiero es que al hacer click en el botton me envie el comentario y lo cargue en su respectivo id algo asi como en Jqueryque cargas dicho elementos mediante un ID $("#commentload" + id).append(template);
Dejo mi codigo AngularJS (Angular 1) ya que e intentado hacerlo de varias formas y aun no e tenido exito en lo que quiero
this.sendComments = (stream_id) => {
let data = {
stream_id: stream_id,
body: this.commentBody
}
this.CommentService.getComments(data).then((response) => {
this.comments.push(response.data);
angular.element('').find(...)
}).catch(this.failedComment.bind(this));
this.commentBody = "";
}
<div flex-gt-sm="100" flex>
<md-divider ></md-divider>
<md-list flex ng-repeat="cmt in streams['comments']">
<md-list-item class="md-3-line" ng-repeat="comentarios in cmt">
<img ng-src="{{comentarios['users']['data']['user_avatar_mini']}}" class="md-avatar" alt="{{comentarios['users']['data']['user_name']}}" />
<div class="md-list-item-text" layout="column">
<h3>{{comentarios['users']['data']['user_name']}} - {{comentarios['comment_created_at']}}</h3>
<p>{{comentarios['comment_body']}}</p>
</div>
<md-divider></md-divider>
</md-list-item>
</md-list>
<md-list flex>
<!--Aqui cargo los comentarios enviados desde el input-->
<md-list-item id="stream-{{streams.stream_id}}" class="md-3-line" ng-repeat="comments in stream['comments']">
<img ng-src="{{comments[0]['users']['data']['user_avatar_mini']}}" class="md-avatar" alt="{{comments[0]['data']['users']['data']['user_name']}}" />
<div class="md-list-item-text" layout="column">
<h3>{{comments[0]['users']['data']['user_name']}} - {{comments[0]['comment_created_at']}}</h3>
<p>{{comments[0]['comment_body']}}</p>
</div>
<md-divider></md-divider>
</md-list-item>
</md-list>
</div>
<md-card-actions layout="row" layout-align="end center">
<md-input-container md-no-float class="md-block" flex>
<label>Comenta!</label>
<input type="text" data-ng-model="stream.commentBody">
<md-icon md-font-set="md" style="display:inline-block;" ng-click="stream.sendComments(streams.stream_id)">send</md-icon><!--Cuando haga click cargue el comentario en el id especifico del stream-->
</md-input-container>
</md-card-actions>
En id="stream-{{streams.stream_id}}"
es donde quiero realizar dicha carga de comentario enviado de acuerdo a los stream cargador en una lista si son 30 con diferentes ID y distintos comentarios cargue el comentario a su id correspondiente