How to use < and > in angular material autocomplete template?

Question

I've tried to use this using jade (pug) template:

md-item-template
  span(md-highlight-text="vm.parent.newUser") {{item.name}} {{item.surname}} <{{item.email | truncate: 42}}>

I've also tried using this:

md-item-template
  span(md-highlight-text="vm.parent.newUser") {{item.name}} {{item.surname}} <{{item.email | truncate: 42}}>

and in both cases I see < and > as text

Answer 1

I've resolved the issue using unicode 〈 and 〉taken from answer to this question: List of all unicode's open/close brackets?