为什么 angular2 无线电模块不能正确呈现？

Question

我正在尝试在我的应用程序中使用 MdRadioModule，但是我一定是漏掉了一个步骤。我已经粘贴了我的 app.module.ts、app.component.html。我的 web pack 包是有效的，控制台中没有错误。

这是我在 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 { }

这是我的 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,
  ]
})

为什么 angular2 无线电模块不能正确呈现？

Why doesn't the angular2 radio module render properly?

angular

angular-material2

angular-module