Question

我想使用以下方法为web和android创建一个应用程序： https://github.com/NathanWalker/nativescript-ng2-magic。我创建了2个组件HomePageComponent和AddPageComponent 但是这段代码似乎不适用于我的app.component.tns.html：

<page-router-outlet></page-router-outlet>

它应该告诉我homepage.component.tns.html中的内容：

<ActionBar title="Home Page"></ActionBar>

这是我的app.routing.ts中的代码

import {HomePageComponent} from "./components/homepage/homepage.component";
import {AddPageComponent} from "./components/addpage/addpage.component";

export const AppRoutes: any= [
   {path:'', component: HomePageComponent},
   {path:'addpage', component: AddPageComponent}
];

export const AppComponents: any = [
   HomePageComponent,
   AddPageComponent
];

和app.module.ts的代码：

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/platform";
import {AppRoutes, AppComponents} from "./app.routing";
import {NativeScriptRouterModule} from "nativescript-angular/router";
import {NativeScriptFormsModule} from "nativescript-angular/forms"

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent, ...AppComponents],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    NativeScriptModule,
      NativeScriptFormsModule,
      NativeScriptRouterModule,
      NativeScriptRouterModule.forRoot(AppRoutes)
  ],
  schemas: [NO_ERRORS_SCHEMA],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

将<page-router-outlet></page-router-outlet>与布局容器包装起来非常重要，请尝试以下方法：

<StackLayout>
  <page-router-outlet></page-router-outlet>
</StackLayout>

还可以尝试将此添加到HomeComponent以查看它：

<ActionBar title="Home Page"></ActionBar>
<StackLayout>
  <Label text="Home"></Label>
</StackLayout>

编辑12/11/16：

您的进口订单可能是罪魁祸首。您希望首先导入{N}平台;还可以尝试使用包中next的{{1}}标记（注意nativescript-angular标记，导入位置更改为从同一个桶导入的所有内容），然后再次清除node_modules，平台（{{ 1}}）并重新安装。另外，您不想使用其他角度导入，请尝试更新到此：

next

page-router-outlet在我的nativescript-ng2-magic项目中不起作用

1 个答案: