angular - Why doesn't the angular2 radio module render properly?

Question

I am trying to use the MdRadioModule in my application however I must be missing a step. I've pasted my app.module.ts, app.component.html. My web pack bundle is valid and there are no errors in the console.

This is my import statement in my app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { MdCardModule } from '@angular2-material/card';
import { MdButtonModule } from '@angular2-material/button';
import { MdIconModule } from '@angular2-material/icon';
import { MdIconRegistry } from '@angular2-material/icon';
import { MdRadioModule } from '@angular2-material/radio';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MdCardModule,
    MdButtonModule,
    MdIconModule,
    MdRadioModule
  ],
  providers: [ MdIconRegistry ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

This is my app.component.html:

<div class="app-content">
  <md-radio-group>
    <md-radio-button value="option_1">1</md-radio-button>
    <md-radio-button value="option_2">2</md-radio-button>
  </md-radio-group>

</div>

Answer 1

我建议您更新到最新的依赖项： "@angular/material": "2.0.0-alpha.10",

有很多不错的变化（即，一个模块中的所有内容）

然后你可以简单地：

@NgModule({
  imports: [
    MaterialModule.forRoot()
  ],
  exports: [
    MaterialModule,
  ]
})