angular - primeng tutorial español

PrimeNg<component> no es un error de elemento conocido(@ angular-2.0.0 & primeng-1.0.0-beta.16)

Question

Comencé con Angular 2 RC5 y PrimeNG 1.0.0-beta.13 beta. Estoy cargando componentes PrimeNg como xModules y no tengo problemas para mostrar la tabla de datos, entrada, elemento de selección, botones, modales. Sin embargo, recibo este error cuando intento usar TabView o Accordion.

Unhandled Promise rechazo: errores de análisis de plantilla: ''p-accordionTab'' no es un elemento conocido:

Importé el TabViewModule en el @NgModule. Actualmente, actualicé mi aplicación para usar Angular 2.0.0 (final) y PrimeNg beta.16 (más reciente) pero aún tengo los errores. Estoy usando webpack para dividir los polifills, códigos de proveedores y aplicaciones, y estoy viendo módulos de acordeón y tabview en los archivos js generados por webpack.

No estoy seguro de lo que me estoy perdiendo. Hágame saber si necesita más información.

¡Gracias por adelantado!

Algunos fragmentos:

app.module.ts

import { 
ButtonModule, 
  DataTableModule, 
  DialogModule, 
  GrowlModule,  
  TabViewModule,
  AccordionModule }  from ''primeng/primeng'';

@NgModule({
...
imports: [
DataTableModule, 
DialogModule, 
GrowlModule,  
TabViewModule,
AccordionModule
],
...
});

template.html (pegado desde los documentos de PrimeNG)

<p-accordion>
<p-accordionTab header="Header 1">
   Content 1
</p-accordionTab>
<p-accordionTab header="Header 2">
    Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
    Content 3    
</p-accordionTab>

Answer 1

El problema es que primero necesita un paquete de animación, así que acabo de importar BrowserAnimationsModule en appModule.

npm instalar primeng

npm install primeng --save

app.module.ts

import { BrowserAnimationsModule } from ''@angular/platform-browser/animations'';
import {AccordionModule} from ''primeng/primeng'';

@NgModule({
    imports: [
        AccordionModule,
        BrowserAnimationsModule
    ],
})

app.component.html

<p-accordion>
    <p-accordionTab header="Header 1">
       Content 1
    </p-accordionTab>
    <p-accordionTab header="Header 2">
        Content 2
    </p-accordionTab>
    <p-accordionTab header="Header 3">
        Content 3    
    </p-accordionTab>
</p-accordion>

.angular-cli.json

"styles": [
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "../node_modules/primeng/resources/primeng.min.css"
      ],