md-radio-button inside md-list-item
<p>I try to resolve this issue :</p>

<p><a href="https://github.com/angular/material2/issues/1518" rel="nofollow noreferrer">https://github.com/angular/material2/issues/1518</a></p>

<p>I'd like to click anywhere on the line of my md-item and it should trigger the action of the radio-button.</p>

<hr>

<p>settings.component.html :</p>

<pre><code>&lt;md-radio-group [(ngModel)]="lang"&gt;
  &lt;md-list-item (click)="changeLanguageTo(l)" *ngFor="let l of langOptions"&gt;
    &lt;md-radio-button [value]="l"&gt;
       {{l}}
    &lt;/md-radio-button&gt;
  &lt;/md-list-item&gt;
&lt;/md-radio-group&gt;
&lt;p&gt;Your have selected : {{lang}}&lt;/p&gt;
</code></pre>

<hr>

<p>settings.component.ts :</p>

<pre><code>private langOptions = [
  'fr',
  'en'
];
private lang: string = 'en';
changeLanguageTo(lang) {
  this.lang = lang || this.lang;
  console.log(this.lang);
  this.translate.use(this.lang);
}
</code></pre>

<p>By default, in my app.components.ts file, my current lang which is selected is English.</p>

<p>Actually, the event for change lang works fine but I didn't understand why I don't have a lang selected by default on the radio button ?</p>

<p>Why the ngModel doesn't init the current lang which is set by default ?
Any ideas ?</p>