Angular,为什么我的组件没有渲染?

问题描述 投票:0回答:1

完全的Angular菜鸟,跟着网上的代码一起看。我的登录页面本来在路径""上渲染,但是停止了,不知道为什么。

login.component.html

<form (submit)="loginUser($event)">
    <div class="container">
    <div>
      <input type="text" autocomplete="off" placeholder="Email" id="emailAddress">
    </div>
    <div>
      <input type="password" autocomplete="off" placeholder="Password" id="password">
    </div>
    <div>
      <button type="submit" id="submit">Submit</button>
    </div>
  </div>
  </form>

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    RouterModule.forRoot([
      {path: '',
      component: LoginComponent}
    ])
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.html

<router-outlet></router-outlet>
angular angular-routing
1个回答
0
投票

确保你有 <base href="/"><head> 的index.html文件。

https:/angular.ioguiderouter#base-href。

© www.soinside.com 2019 - 2024. All rights reserved.