title: Angular 2 Dart: Template syntax - how to concatenate strings?
body: <p>Feels like a dumb question but I do not get it. How can I do fast string concatenation in Angular 2 Dart templates?</p>
  
  <p>I have a seperate html file for my component lets say <em>my_component.html</em>:</p>
  
  <p>Works:</p>
  
  <pre><code>....
  &lt;div id="abc"&gt;
  {{order.pickupPlace.email}}
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Works:</p>
  
  <pre><code>....
  &lt;div id="abc"&gt;
  {{ ((order.pickupPlace.state) ? order.pickupPlace.state+" ":'')}}
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Does not work:</p>
  
  <pre><code>....
  &lt;div id="abc"&gt;
  {{"&lt;br/&gt;"+order.pickupPlace.email}}
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Does not work:</p>
  
  <pre><code>....
  &lt;div id="abc"&gt;
  {{order.pickupPlace.name+" "+order.pickupPlace.email}}
  &lt;/div&gt;
  ...
  </code></pre>
  
  <p>Have tried to find an answer in the docs here (<a href="https://webdev.dartlang.org/angular/guide/template-syntax#!#expression-operators" rel="nofollow noreferrer">https://webdev.dartlang.org/angular/guide/template-syntax#!#expression-operators</a>) but no luck. </p>
  
  <p>Of course I could use <code>*ngIf</code> on every element which I output conditionally but is there a way for simple string concatenation?</p>