我在我的应用程序中使用ng-bootstrap模式来显示对话框.但是当点击按钮时,没有任何事情发生,模态没有显示.在调试时,它可能会发现该动作被调用,但模态没有显示.
这是我的app.module.ts
import {NgModule } from '@angular/core';
import {BrowserModule } from '@angular/platform-browser';
import {TaskService} from '../app/task/task.service';
import {TaskComponent} from '../app/task/task.component';
import {AppComponent } from './app.component';
import {FormsModule ,ReactiveFormsModule} from '@angular/forms';
import {HttpModule } from '@angular/http';
import {RouterModule, Routes,Route } from '@angular/router';
import {AddNewTaskComponent} from './task/addtask.component';
import {EventComponent} from '../app/controller/event.component'
import {EventService} from '../app/service/event.service'
import {AddNewEventComponent} from '../app/controller/addevent.component'
import {AddEventService} from '../app/service/addevent.service'
import {WeatherComponent} from '../app/controller/weather.component'
import {LoginComponent} from '../app/controller/login.component'
import {RegisterComponent} from '../app/controller/register.component'
import {DashBoardcomponent} from '../app/controller/dashboard.component'
import {FeatureComponent,StoryComponents} from …请帮助我解决以下错误。在 RouterLink 上出现模板解析错误。请分享在 angular 2 中使用 RouterLink 的正确方法。
Unhandled Promise rejection: Template parse errors:Parser Error: Unexpected token / at column 2 in [[/events]] in ng:///t/e.html@30:46 ("r">
<ul class="nav nav-sidebar">
<li class="active"><a [ERROR ->][routerLink]="[/events]">Events</a></li>
<li><a [routerLink]="[/task"]>Tasks<"): ng:///t/e.html@30:46Parser Error: Unexpected token / at column 2 in [[/events]] in ng:///t/e.html@30:46 ("ebar"> <ul class="nav nav-sidebar">
<li class="active">[ERROR ->]<a [routerLink]="[/events]">Events</a></li>
<li><a [routerLink]="[/task"]>Tas"): ng:///t/e.html@30:43, Directive tParser Error: Unexpected token / at column 2 in [[/events]] in ng:///t/e.html@30:46 ("ebar">
<ul class="nav nav-sidebar">
我已经在我的应用程序上实现了 Route Guards。在用户访问仪表板路由之前，我检查了用户是否已登录。
登录后用户访问仪表板工作正常，但如果用户尝试在未登录的情况下访问路线仪表板，则会出现空白页面。CanActivate Guard 被执行并返回 false。
但是，如果 CanActivate 失败，我想将用户重定向到日志记录页面。
如果 Route Guard 失败，如何将用户重定向到另一个路由？
这就是我所遵循的
import { Routes, RouterModule } from '@angular/router';
import { AccountPage } from './account-page';
import { LoginRouteGuard } from './login-route-guard';
import { SaveFormsGuard } from './save-forms-guard';
const routes: Routes = [
{ path: 'home', component: HomePage },
{
path: 'accounts',
component: AccountPage,
canActivate: [LoginRouteGuard],
canDeactivate: [SaveFormsGuard]
}
];
export const appRoutingProviders: any[] = [];
export const routing = RouterModule.forRoot(routes);import { CanActivate } from '@angular/router';
import …