Javascript md列表项内的md单选按钮

我试图解决这个问题：

我想点击我的md项目行的任何地方，它应该触发单选按钮的动作

---

settings.component.html：

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

默认情况下，在我的app.components.ts文件中，我当前选择的语言为英语

事实上，change lang事件工作正常，但我不明白为什么我没有在单选按钮上默认选择lang

为什么ngModel不初始化默认设置的当前lang？

---

有什么想法吗？

没关系，我找到了解决方案：

      <md-radio-group [(ngModel)]="lang">
        <md-list-item (click)="changeLanguageTo(l)" *ngFor="let l of langOptions">
          <md-radio-button [value]="l" [checked]="lang == l">
            {{l}}
          </md-radio-button>
        </md-list-item>
      </md-radio-group>

      <p>Your have selected : {{lang}}</p>

{{l}
您已选择：{{lang}}

不管怎样，我找到了解决方案：

      <md-radio-group [(ngModel)]="lang">
        <md-list-item (click)="changeLanguageTo(l)" *ngFor="let l of langOptions">
          <md-radio-button [value]="l" [checked]="lang == l">
            {{l}}
          </md-radio-button>
        </md-list-item>
      </md-radio-group>

      <p>Your have selected : {{lang}}</p>

{{l}
您已选择：{{lang}}

。。。单选按钮的操作（抱歉）未选中复选框。。。。单选按钮的操作（抱歉）未选中复选框。