Question

我是非常新的，我只是使用命令添加新组件。组件已成功创建。

app.module.ts

import { LoginComponent } from './login/login.component';

@NgModule({
   declarations: [
   AppComponent,    
   LoginComponent    
 ],
 imports: [
   FormsModule,
   BrowserModule,
   AppRoutingModule ,
   RouterModule   
 ],
 providers: [],
 bootstrap: [AppComponent]
 })

然后在app-routing.module.ts

 import { LoginComponent } from './login/login.component';

  const routes: Routes = [  
       { path: 'login' , component:LoginComponent}
  ];

  @NgModule({
  imports: [
     CommonModule , RouterModule.forRoot(routes)
  ],
  exports: [ RouterModule ],
  declarations: []
  })

然后我添加了login.module.ts

 import { LoginComponent } from './login.component';

 declarations: [LoginComponent]

然后我设置了login.routing.module.ts

import { LoginComponent } from './login.component';
const routes: Routes = [
   { path:'' , component:LoginComponent }
];

我在app.component.html

中设置了登录链接

<a href="/login">Login</a>

当我运行我的应用程序时，使用npm start commnd并使用localhost：4200打开浏览器它会正确显示链接，但是当我点击该页面时，只需重新加载不会在登录页面上重定向。

Answer 1

您想要更改

<a href="/login">Login</a>

到这个

<a routerLink="/login">Login</a>

另见Routing & Navigation - Router Links

Answer 2

您只需在df['New']=pd.Series(d).get(df.index) df Out[818]: boo foo New a 3 1 aa b 4 2 bb c 5 3 cc app.module.js中添加此内容即可。

import

并确保您的RouterModule.forRoot([ {path:'login', component:LoginComponent} ])有app.html

对我有用！

Answer 3

在s2中，请按此更新app-routing.module。

path

我的网址在角度4

3 个答案: