小编Rj-*_*j-s的帖子

对于Angular2应用程序,'p-header'不是PrimeNg中的已知元素

我正在使用PrimeNg作为我的angular2项目,我正在尝试在页面中添加面板.我使用下面的代码来获取primeng教程(http://www.primefaces.org/primeng/#/panel): -

我的html文件有以下代码: -

<p-panel>
   <p-header>
      Header content here
   </p-header>
  Body Content
</p-panel>
Run Code Online (Sandbox Code Playgroud)

我在primeng的模块中添加了导入的必需模块: -

   import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
   import { MyComponent } from './my.component';
   import { CommonModule } from '@angular/common';
   import { SharedModule, PanelModule } from 'primeng/primeng';


 @NgModule({
  imports: [
    CommonModule, SharedModule, PanelModule
   ],
   declarations: [MyComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA ]
   })
  export class ThemeModule { }
Run Code Online (Sandbox Code Playgroud)

这在控制台中抛出以下错误: -

EXCEPTION:未捕获(在承诺中):错误:模板解析错误:'p-header'不是已知元素:1.如果'p-header'是Angular组件,则验证它是否是此模块的一部分.2.如果'p-header'是Web组件,则将"CUSTOM_ELEMENTS_SCHEMA"添加到此组件的'@NgModule.schemas'以禁止显示此消息.("

primeng angular

8
推荐指数
2
解决办法
2万
查看次数

primeng冻结列不​​能与headerColumnGroup一起使用

我正在尝试使用primeng使用带有冻结列的标题列分组.我能够将前两列冻结,但未冻结的列也在标题中具有冻结的列名称.

我从这里引用了代码: -

http://www.primefaces.org/primeng/#/datatable/colgroup http://www.primefaces.org/primeng/#/datatable/scroll

primeng版本: - "primeng":"^ 2.0.0",

在此输入图像描述 我的组件html页面包含: -

<p-dataTable [value]="sales"  scrollable="true" scrollHeight="200px"  frozenWidth="450px" unfrozenWidth="600px" >
<p-headerColumnGroup>
    <p-row>
        <p-column header="Brand" [style]="{'width':'250px'}"  ></p-column>
        <p-column header="Last Year Sale" [style]="{'width':'250px'}"></p-column>
        <p-column header="This Year Sale" [style]="{'width':'250px'}"></p-column>
        <p-column header="Last Year Profit" [style]="{'width':'250px'}"></p-column>
        <p-column header="This Year Profit" [style]="{'width':'250px'}"></p-column>
    </p-row>
    <p-row>
      <p-column header="Sale Rate" colspan="5"></p-column>
    </p-row>
</p-headerColumnGroup>
<p-column field="brand" [style]="{'width':'250px'}" frozen="true"></p-column>
<p-column field="lastYearSale" [style]="{'width':'250px'}" frozen="true" ></p-column>
<p-column field="thisYearSale" [style]="{'width':'250px'}"></p-column>
<p-column field="lastYearProfit" [style]="{'width':'250px'}"></p-column>
<p-column field="thisYearProfit" [style]="{'width':'250px'}"></p-column>
</p-dataTable>
Run Code Online (Sandbox Code Playgroud)

我的组件文件有: -

     ngOnInit() {
this.sales = [
       {brand: 'Philips', …
Run Code Online (Sandbox Code Playgroud)

primeng angular

6
推荐指数
0
解决办法
2026
查看次数

使用For循环对包含数字的数组进行排序

我是Javascript的新手,我有一个包含数字的数组.

 var arr = [2,4,8,1,5,9,3,7,6];
Run Code Online (Sandbox Code Playgroud)

我如何在javascript中使用原生For循环对其进行排序.我知道排序功能可用,但我希望它通过循环.

输出应该是 -

 var res = [1,2,3,4,5,6,7,8,9];
Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting

-2
推荐指数
2
解决办法
7528
查看次数

标签 统计

angular ×2

primeng ×2

arrays ×1

javascript ×1

sorting ×1