angular - primeng tutorial español
PrimeNg<component> no es un error de elemento conocido(@ angular-2.0.0 & primeng-1.0.0-beta.16) (1)
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>
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"
],