title: Angular 2 unique id for every component instance of jQuery
body: <p>I have Angular 2 component contain jquery component and i want to generate id for every instance of my Angular 2 component  <strong>because i need different jquery selector for each component</strong> </p>
  
  <p>this is my component </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>@Component({
    selector: 'full-calendar',
    templateUrl: 'full-calendar.html'
  })
  export class FullCalendarComponent {
  
  ngOnChanges(changes: any) {
   
      $('angular2-fullcalendar').fullCalendar('option',changes.options.currentValue)
   
      }
    
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>i want to use more than one with different selector each time </p>
  
  <p>i found <a href="https://github.com/angular/angular/issues/5145#issuecomment-256354115" rel="nofollow noreferrer">this</a> solution </p>
  
  <pre><code>export class GetId {
    protected getId(id: number|string = _.uniqueId()): string {
      return _.lowerFirst(this.constructor.name) + '_' + id;
    }
  }
  
  class MyComponent extends GetId {
    ...    
  }
  </code></pre>
  
  <p>and id can be used like this </p>
  
  <p><code>&lt;input [id]="getId('name')" type="text"&gt;</code></p>
  
  <p>but i am still searching for built-in solution . </p>