Question

我正在尝试在我的应用程序中使用MdRadioModule但是我必须错过一个步骤。我已经粘贴了我的app.module.ts，app.component.html。我的Web包捆绑包有效，并且控制台中没有错误。

这是我的app.module.ts中的import语句

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无线电模块没有正确渲染？

1 个答案: