title: How to handle an undefined value with Angular string interpolation?
body: <p>I am working on an Angular project and I have the following doubt about how correctly handle this situation where into a string interpolation defined into my template I can have undefined values. Into  the HTML code of a component I have:</p>
  <pre><code>&lt;td&gt;{{file.info.meta_data.type.type}}&lt;/td&gt;
  </code></pre>
  <p>the <strong>file.info.meta_data.type.type</strong> can be <strong>undefined</strong> and cause the following exception in the Chrome console:</p>
  <pre><code>ERROR TypeError: Cannot read property 'type' of undefined
      at AssetDetailsComponent_ng_template_103_Template (asset-details.component.html:285)
      at executeTemplate (core.js:7457)
      at refreshView (core.js:7326)
      at refreshEmbeddedViews (core.js:8427)
      at refreshView (core.js:7350)
      at refreshEmbeddedViews (core.js:8427)
      at refreshView (core.js:7350)
      at refreshEmbeddedViews (core.js:8427)
      at refreshView (core.js:7350)
      at refreshComponent (core.js:8473)
  </code></pre>
  <p>How can I correctly handle this situation to show an empty string in case the previous field have an undefined value? Can I handle this directly with string interpolation or have I to use an <em>ngIf</em>* directive on the <strong>td</strong> tag^</p>