title: Destructuring objects in Javascript - ngbind - Angular 4+
body: <p>Could someone tell me how to use destructured data in ng-bind in angular 4+?</p>
  
  <p>I've come across how to use destructured object/array from <a href="https://wesbos.com/destructuring-objects/" rel="nofollow noreferrer">here</a> .</p>
  
  <pre><code>const wes = {
    first: 'Wes',
    last: 'Bos',
    links: {
      social: {
        twitter: 'https://twitter.com/wesbos',
        facebook: 'https://facebook.com/wesbos.developer',
      },
      web: {
        blog: 'https://wesbos.com'
      }
    }
  };
  </code></pre>
  
  <p>Trying to bind the data like below:</p>
  
  <pre><code>let {first : f, last:l}  =wes;
  </code></pre>
  
  <p>In the html I simply used <code>{{f}}</code>,</p>
  
  <p>but it doesn't show anything. Did I understand wrongly ?</p>
  
  <p>Please refer to what I did: <a href="https://stackblitz.com/edit/angular-ngmodel-write-value?file=app%2Fhello.component.ts" rel="nofollow noreferrer">stackblitz</a></p>
  
  <p>Thanks all</p>