почему RoutingModule не работает в моем угловом приложении? - PullRequest
Новая
       20

почему RoutingModule не работает в моем угловом приложении?

0 голосов
/ 07 октября 2018

edit: обратите внимание, что все работало нормально, прежде чем пытаться разделить мой модуль приложения на функциональные модули для отложенной загрузки

, поэтому я пытаюсь разделить мой модуль приложения на другие функциональные модули, чтобы я мог использоватьленивая загрузка в моем угловом приложении,

, но у меня ошибка

"Uncaught Error: Ошибки синтаксического анализа шаблона: невозможно связать с routerLink, так как это не такизвестное свойство 'h4'. ("class =" col-3 ">] routerLink =" / profile / {{castra.id}} / public "> {{castra.name}}"): ng: ///CastraModule/CastrasComponent.html@18:85 в syntaxError (compiler.js: 215) в TemplateParser.push ../ node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js: 14687) вJitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js: 22687) в JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js: 22674) в compiler.js: 22617 в Set.forEach () в JitCompiler.push ../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js: 22617) в compiler.js: 22527 в Object.then (compiler.js: 206) в JitCompiler.push ../ node_modules / @angular / compiler / fesm5 / compiler.js.JitCompiler._compileModuleAndComponents (compiler.js: 22526) "

это моя особенность Модуль 

(Imports)

@NgModule({
declarations: [
CastrasComponent,
ProfileComponent,
PublicComponent,
MenuComponent,
ReservationComponent
],
imports: [
CommonModule,
TestRoutingModule
]
})
export class CastraModule { }

мой TestRoutingModule 

(Imports)
const testRoutes: Routes = [
{path: 'test', component: TestComponent},
{
path: 'profile/:id', component: ProfileComponent,
children: [
  {path: '', redirectTo: '/profile/:id/public', pathMatch: 'full'},
  {path: 'public', component: PublicComponent},
  {path: 'menu', component: MenuComponent},
  {path: 'reservation', component: ReservationComponent},
  ]
 }
]

@NgModule({
imports: [
RouterModule.forChild(TestRoutes)
],
exports: [RouterModule]
})
export class TestRoutingModule { }

и тестовый модуль импортируется в модуль приложения, так в чем же проблема?

Ответы [ 2 ]

0 голосов
/ 07 октября 2018

Вы можете попробовать использовать RouterModule.forRoot(TestRoutes) вместо RouterModule.forChild(TestRoutes), это работает в моих файлах роутера

0 голосов
/ 07 октября 2018

Тебе наверное нужно?оберните его внутрь <a> and </a>

<h4><a routerLink="menu">Part1</a></h4>

РЕДАКТИРОВАТЬ

Вам необходимо добавить модуль RouterModule в imports: []каждого модуля, где вы используете директивы маршрутизатора, такие как RouterOutlet или routerLink.

...