NativeScript无法覆盖ActionBar“预览”

Question

我有一个NativeScript 6.0.x应用程序，并且我有一个列表组件，可通过一条路线导航到该列表组件。一旦到达该位置，即使我将其设置为“列表”，ActionBar也会显示“预览”。

list.component.html文件

<ActionBar title="Listing"></ActionBar>
<Label text="Hello world"></Label>

list.component.ts文件

import { Component } from "@angular/core";

@Component({
  selector: "gr-list",
  moduleId: module.id,
  templateUrl: "./list.component.html",
  styleUrls: ["./list.component.css"]
})

export class ListComponent { }

Answer 1

我缺少NativeScriptCommonModule。我没有真正需要列出的单独模块。我在应用程序路由模块中欺骗了导入。现在看起来像这样；

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptCommonModule } from "nativescript-angular/common";

import { NativeScriptUIListViewModule } from "nativescript-ui-listview/angular/listview-directives";

import { ListRoutingModule } from "./list-routing.module";
import { ListComponent } from "./list.component";

@NgModule({
    imports: [
        NativeScriptCommonModule,
        NativeScriptUIListViewModule,
        ListRoutingModule
    ],
    declarations: [
        ListComponent
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class ListModule { }