如何使用nb-select和nb-option

问题描述 投票:0回答:1

'nb-option'不是一个已知元素:1.如果“ nb-option”是Angular组件,则请验证它是否是此模块的一部分。2.如果“ nb-option”是Web组件,则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。

component.html

<nb-card-body>
  <nb-select placeholder="10" [(ngModel)]="defaultRowPerPage">
    <nb-option (click)="setPager()" value="10">10</nb-option>
    <nb-option (click)="setPager()" value="20">20</nb-option>
    <nb-option (click)="setPager()" value="50">50</nb-option>
    <nb-option (click)="setPager()" value="100">100</nb-option>
  </nb-select>
<ng2-smart-table [settings]="settings" [source]="source" >
</ng2-smart-table>
</nb-card-body>

module.ts

const NB_MODULES = [
  NbCardModule,
  NbLayoutModule,
  NbTabsetModule,
  NbRouteTabsetModule,
  NbMenuModule,
  NbUserModule,
  NbActionsModule,
  NbSearchModule,
  NbSidebarModule,
  NbCheckboxModule,
  NbPopoverModule,
  NbContextMenuModule,
  NgbModule,
  NbSecurityModule,
];
html angular typescript angular6
1个回答
0
投票

您在导入中错过了NbSelectModule

© www.soinside.com 2019 - 2024. All rights reserved.