1

I have below table structure and I am trying to bind this table with data returned by API/web service result. ` Id
Tracking
{{ticket.Id}} 

          <td>
            {{ticket.Tracking}}
          </td>

        </tr>
      </tbody>
    </table>  
    </div>

The field ticket.Tracking is having value "abc <br>xyz<br>test<html<br>". but web page its displaying like below "abc <br>xyz<br>test<html<br>" but I want to render this test like below

abc
xyz
test
html

How can I achieve it in angularJS. Thanks a lots in advance.

Improve this question
5
  • Please describe for clearly. Commented Feb 23, 2018 at 6:35
  • can you add controller and HTML both codes? Commented Feb 23, 2018 at 6:37
  • Have you tried ng-bind-html? Commented Feb 23, 2018 at 6:38
  • 2
    Possible duplicate of AngularJS data bind in ng-bind-html? Commented Feb 23, 2018 at 6:41
  • Dear use this structure for displaying data in new line then use ul-li structure inside your e.g.: <table><tr><td><ul><li></li></ul></td></tr></table> Commented Feb 23, 2018 at 6:41
Related questions
3
Cannot replace directives inside table by tr
0
Angular directive for customized html tag in table
1
Angularjs Dom Manipilation in a Table
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.