要在Angular 6中使用材料单选按钮和材料输入,你需要先安装Angular材料库和表单模块。你可以按照以下步骤操作:
npm install @angular/material @angular/cdk @angular/animations
npm install @angular/forms
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatRadioModule } from '@angular/material/radio';
import { MatInputModule } from '@angular/material/input';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
MatRadioModule,
MatInputModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
import { Component } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
@Component({
selector: 'app-root',
template: `
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
form: FormGroup;
constructor() {
this.form = new FormGroup({
radio: new FormControl(),
input: new FormControl()
});
}
}
.mat-radio-button {
margin-right: 10px;
}
ng serve
现在你就可以在你的Angular 6应用程序中使用材料单选按钮和材料输入了。