質問編集履歴

情報の追記

2021/08/22 08:23

投稿

tonkotsu_ramen

スコア6

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -154,4 +154,96 @@
     </tr>
   </table>
 </form>
+```
+```typescript
+// app.module.ts
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { RouterModule, Routes } from '@angular/router';
+import {
+  FormsModule,
+  ReactiveFormsModule,
+  FormGroup,
+  FormBuilder,
+  Validators,
+} from '@angular/forms';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { TestComponent } from './test/test.component';
+import { LoginComponent } from './login/login.component';
+import { MypageComponent } from './mypage/mypage.component';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+const ROUTE_TABLE: Routes = [
+  { path: 'test', component: TestComponent },
+  { path: 'login', component: LoginComponent },
+  { path: 'mypage', component: MypageComponent },
+];
+@NgModule({
+  declarations: [AppComponent, TestComponent, LoginComponent, MypageComponent],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    FormsModule,
+    ReactiveFormsModule,
+    RouterModule.forRoot(ROUTE_TABLE),
+    BrowserAnimationsModule,
+    MatSliderModule,
+    MatButtonModule,
+    MatCardModule,
+    MatInputModule,
+    MatFormFieldModule,
+    MatIconModule,
+    FormGroup,
+    FormBuilder,
+    Validators,
+  ],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}
+```
+```typescript
+// registration-routing.module.ts
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { RegistrationComponent } from './registration.component';
+const routes: Routes = [{ path: '', component: RegistrationComponent }];
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class RegistrationRoutingModule {}
+```
+```typescript
+// registration.module.ts
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { RegistrationRoutingModule } from './registration-routing.module';
+import { RegistrationComponent } from './registration.component';
+@NgModule({
+  declarations: [RegistrationComponent],
+  imports: [CommonModule, RegistrationRoutingModule, FormBuilder, FormGroup],
+})
+export class RegistrationModule {}
 ```