2016-04-07 2 views
3

У меня уже есть проект JSF с PrimeFaces, но теперь мне нужно добавить угловые js в мой проект. Существуют теги с перфораторами, поэтому я не знаю, как использовать перфорименты с угловыми.Добавить Angular Js в PrimeFaces - JSF

Итак, пожалуйста, предоставьте любую демонстрационную версию или документацию для реализации Углового с перфорациями.

+0

http://angularprime.appspot.com/ –

+3

Primefaces уже разработали PrimeNG http://www.primefaces.org/primeng/ –

+0

Спасибо @SubodhJoshi, Можете ли вы дать мне шаги по установке этого PrimeNG? Потому что я не могу понять шаги, это как NPM и все. Так что, пожалуйста, дайте мне простые шаги. –

ответ

6

Поверхности уже разработаны PrimeNG Но не путайте PrimeNG не расширение компонентов JSF. PrimeNG использовал AngularFaces для создания компонентов PrimeNG?

Что такое PrimeNG?

PrimeNG - это набор богатых компонентов пользовательского интерфейса для AngularJS2. PrimeNG является родным братом популярного PrimeFaces и его бесплатное использование под лицензией Apache License 2.0, коммерческой дружественной лицензии. Он имеет такой же внешний вид, как и компоненты PrimeFaces, поэтому интеграция на этой части должна быть (почти?) Бесшовной.

Для установки

Вы должны следовать по следующей ссылке PrimeNG Setup

QUICKSTART

Приложение стартера пример, основанный на angular2-QuickStart доступна на GitHub.

PrimeNG PRO Поддержка

  1. Премиум Шаблоны и темы для PrimeNG
  2. PrimeNG PRO термин на основе коммерческой службы поддержки

В настоящее время PrimeNG 0,9 Вышедшая в прошлом 28 марта 2016

Roadmap

Следующая версия 1.0.0-beta1, и мы сделаем пару бета-версий, чтобы принести новые функции, включая утилиты перетаскивания, компоненты Google Maps, возможности обработки данных, запросы от пользователей PrimeNG и многое другое. Наша цель - синхронизировать выпуск 1.0 с 1.0 финальной версией Angular2.

+1

очень хорошее объяснение – Himanshu

+0

Или даже пойти на AngularFaces – Kukeltje

+0

@Kukeltje Я думаю, что PFNG - лучший вариант, чем использование AngularFaces напрямую –

0

Добавить нижние строки в угловом-cli.json.

"styles": [ 
     "node_modules/primeng/resources/primeng.min.css", 
     "node_modules/primeng/resources/themes/lightness/theme.css", 
     "node_modules/font-awesome/css/font-awesome.min.css", 
     "styles.css" 
     ] 

ИЛИ Копировать & паста CSS с тем, чтобы файл style.css