2017-09-15 2 views
0

J'essaie d'utiliser le framework PrimeNg UI mais cela ne semble pas fonctionner du tout. J'ai suivi la section GETSTARTED sur leur site web. Tout est installé et importé mais ça ne marchera pas. <button pButton type="button" class="ui-button-danger"></button> pour essayer une implémentation simple, mais il ne fera rien pour le boutonCLI angulaire avec PrimeNg

+0

Vous n'avez pas obtenir les styles? –

+0

Exactement, juste un bouton simple comme je n'utilisais même pas le cadre – Amar

+0

Bad tagging, s'il vous plaît améliorer le marquage !!! – Kukeltje

Répondre

1

J'ai un problème similaire. La seule chose qui a fonctionné pour moi était de copier tous les styles du paquet dans le fichier de style de projet et de l'utiliser.

Créez un fichier css/scss dans votre projet et copiez les styles primeui dans votre fichier. Que d'utiliser ce fichier.

Vous pouvez trouver les styles sous

"yourProjectPath/node_modules/primeng/resources/primeng.min.css" 
+0

Où puis-je trouver le fichier css de style? – Amar

+0

J'ai modifié. Voir –

+0

Cela semble être une solution laide et devrait être une meilleure façon. De toute façon j'ai essayé ceci mais j'ai beaucoup d'erreurs quand je colle le code CSS dans mon fichier app.component.css. Depuis son mal formées je ne peux pas regarder à travers et essayer de résoudre le problème – Amar

0

Pour ce faire:

NPM installer:

npm install primeng --save 

ajouter des styles primeng dans votre projet .angular-cli.json fichier.

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

ajouter ButtonModule dans votre application module.ts

app.module.ts

import {ButtonModule} from 'primeng/primeng'; 
@NgModule({ 
    imports: [ 
     ButtonModule 
    ] 
}) 

app.component.html

<button pButton type="button" label="Click"></button> 
+0

que représentent les points dans le style? '"Styles": [ "../node_modules/primeng/resources/themes/omega/theme.css", "../node_modules/primeng/resources/primeng.min.css" ]' Chemin complet? – Amar

+0

Définit le chemin d'accès aux fichiers du module de noeud. – Chandru

+0

Cela ne change toujours pas le bouton – Amar