angularjs print html in a repeat

Question

righ now my code in html looks like this and it dont print the things i wanna print

 <tr ng-repeat="i in info | filter:search | orderBy: order">
  <td >{{$index + 1}}</td>
  <td>{{i.username}}</td>
  <td>{{i.price}}{{i.edit_able}}</td>
  <td>{{i.min_amount}}-{{i.max_amount}}</td>
  <td><a href="<?php echo URL;?>ad/show/{{i.ad_id}}">View</a></td>
 </tr>

my angular code for edit able is

if(edit_able != false){
 $scope.info[i].edit_able =  [{html:'<a href="#" ng-click="editorEnabled=!editorEnabled">Edit price</a>'}];
}else{
  $scope.info[i].edit_able = '';
}

i wanna print out this in html and not as a html escape string

maurycy · Accepted Answer · 2017-02-04 15:41:17Z

1

If you pass HTML this way it has to be added to view by ng-bind-html and before it has to be sanitised with $sce but your problem is trivial really, you can just use ngIf to display the a tag only when necessary

 <tr ng-repeat="i in info | filter:search | orderBy: order">
  <td >{{$index + 1}}</td>
  <td>{{i.username}}</td>
  <td>{{i.price}}<a ng-if="i.edit_able" href="#" ng-click="editorEnabled=!editorEnabled">Edit price</a></td>
  <td>{{i.min_amount}}-{{i.max_amount}}</td>
  <td><a href="<?php echo URL;?>ad/show/{{i.ad_id}}">View</a></td>
 </tr>

answered Feb 4, 2017 at 15:41

maurycy

8,4201 gold badge30 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angularjs print html in a repeat

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related