我正在使用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使用带有冻结列的标题列分组.我能够将前两列冻结,但未冻结的列也在标题中具有冻结的列名称.
我从这里引用了代码: -
http://www.primefaces.org/primeng/#/datatable/colgroup http://www.primefaces.org/primeng/#/datatable/scroll
primeng版本: - "primeng":"^ 2.0.0",
<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) 我是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)