title: Angular 1.6 bindings inside controller
body: <p>Im trying to pass some parameters to my component through bindings, but unfortunately I'm not having luck in using those params in my controller, this is my code:</p>
  
  <pre><code>angular.module('project1').component('menu', {
      templateUrl: '/static/js/templates/menu.template.html',
      bindings: {
          rid: '@'
      },
      controller: ['Restaurant', function RestaurantListController(Restaurant) {
          console.log(this.rid);
          console.log(this);
          this.restaurant = Restaurant.get({restaurantId: this.rid});
      }]
  });
  </code></pre>
  
  <p>HTML component:</p>
  
  <pre><code>&lt;menu rid="1"&gt;&lt;/menu&gt;
  </code></pre>
  
  <p>The interesting thing is that i can access the parameters in the template and when i do the 2 console log, the first one is undefined, but in the second one i can see the rid variable...so, i really don't understand what i'm missing.</p>