primeng

PrimeNg Error: Quill is not defined

由 邮差的信 提交于 2019-12-08 17:43:32
问题 I am trying to use the editor control in primeng: https://www.primefaces.org/primeng/#/editor But I am getting the error: ERROR ReferenceError: Quill is not defined at Editor.webpackJsonp.../../../../primeng/components/editor/editor.js.Editor.ngAfterViewInit My project uses: Angular Cli: 1.4.1 Angular: 4.3.6 NPM: 5.4.1 Node: 6.10.0 PrimeNG: 4.2.0 I found this issue: https://github.com/primefaces/primeng/issues/807 I followed the instructions: import editor module import {EditorModule} from

p-dialog onHide not working in angular 2 component - primeng

由 流过昼夜 提交于 2019-12-08 17:28:10
问题 I'm using primeng in an angular 2 application and facing this issue (stackoverflow question) Although the plunkr provided in the accepted answer works but it doesn't in my scenario. I have a separate component that loads the based on an input from the parent component. I want to toggle the visibility flag when the child component is closed/hidden. Here's the code snippet <p-dialog header="Assets Management" [(visible)]="showDialog" modal="modal" [closable]="true" (onHide)="close()" appendTo=

Using PrimeNG with Bootstrap 4

由 不问归期 提交于 2019-12-08 16:49:42
问题 Currently, I am playing around with UI-Libraries for a new Angular 2 Project. I tried Ng-Bootstrap and Material. Unfortunately they are still in Alpha and Beta. I also checked PrimeNG. At the moment PrimeNG offers a lot more components than Material and NgBootstrap. Especially when it comes to tables. PrimeNG seems to be stable and ready to use for production. I am not really pleased with the Grid System of PrimeNG. For example it is not clear how to perform a column offset for example. I

Angular-cli + primeng require is not defined

由 ⅰ亾dé卋堺 提交于 2019-12-08 16:13:33
I'm using angular-cli@1.0.0-beta.14 (webpack) and primeng@1.0.0-beta.15. After create a fresh angular-cli project i made a few changes to add primeng: 1 on package.json: "primeng": "^1.0.0-beta.15" 2 on angular-cli.json: "styles": [ "styles.css", "../node_modules/primeng/resources/themes/omega/theme.css", "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/primeng/resources/primeng.min.css" ], "scripts": [ "../node_modules/primeng/primeng.js" ] 3 on app.module.ts: @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FormsModule, HttpModule, PanelModule ],

primeNG confirm dialog message show as html

由 為{幸葍}努か 提交于 2019-12-08 11:48:12
问题 I need to show confirm dialog message as html, this is how looks my dialog in component: this.confirmationService.confirm({ header: "Change user status", message: "Do you want to change user status to <strong>" + status + "</strong >?", accept: () => { // } }); and this is how it looks like on a page: I tried to do this two ways but without success <p-confirmDialog width="500" appendTo="body"> <template pTemplate="body"> <span class="ui-confirmdialog-message">{{message}}</span> </template> <p

Angular PrimeNg TreeNode : convert class into TreeNode, cannot read property map of undefined

由 寵の児 提交于 2019-12-08 09:06:57
问题 I'm working on an application generated by JHipster and using Angular 4.3. I'm trying to use the tree component of PrimeNG I'm trying to convert an array of objects into an array of TreeNode, in order to be displayed like a tree. My typescript model looks like this : export class Continent implements BaseEntity { constructor( public id?: number, public name?: string, public countries?: Country[] ) { } I've followed this subject which describes how to convert interfaces (but in my case I have

Show Context Menu after condition Check in Primeng Angular 4

由 女生的网名这么多〃 提交于 2019-12-08 06:44:54
问题 I have to show a context menu in a primeng tree table only in the second level. Is there any way to show the context menu only after some condition check in typescript (angular 4)? 回答1: you can bind onContextMenuSelect event and play with [hide], I have done it like this.. in html... <p-contextMenu #cm [model]="items" [hidden]="contextMenu"></p-contextMenu> and in ts .. viewDetails(selectedNode) { this.contextMenu = false; if (selectedNode.children.length == 0) { this.contextMenu = false; }

Angular-cli + primeng require is not defined

由 人走茶凉 提交于 2019-12-08 03:33:22
问题 I'm using angular-cli@1.0.0-beta.14 (webpack) and primeng@1.0.0-beta.15. After create a fresh angular-cli project i made a few changes to add primeng: 1 on package.json: "primeng": "^1.0.0-beta.15" 2 on angular-cli.json: "styles": [ "styles.css", "../node_modules/primeng/resources/themes/omega/theme.css", "../node_modules/font-awesome/css/font-awesome.min.css", "../node_modules/primeng/resources/primeng.min.css" ], "scripts": [ "../node_modules/primeng/primeng.js" ] 3 on app.module.ts:

Angular 6 Error trying to diff '[object Object]'. Only arrays and iterables are allowed

由 末鹿安然 提交于 2019-12-08 01:32:23
问题 I think my Problem is that the API delivers an Object instead of an array. So i need to Modify the Object to be an Array ? How could this be done ? Object.assign ? Or Pipe ? Does anyone have a proper example ? I'am still learning Angular this is my second Project so i need some help ;) thy so far ! Here is my code getting data from API ..cant change the API it delivers an Object KnowledgeBaseService import {Injectable, OnInit} from '@angular/core'; import { HttpClient, HttpErrorResponse,

Override primeng css classes in Angular

由 蓝咒 提交于 2019-12-07 21:50:30
问题 The thing is that I want to override the CSS classes of primeng and change some colors. No matter how I do it it doesn't change. If change the ViewEncapsulation to none the component doesn't even appear. I've tried something like this: .ui-chkbox-box.ui-state-active, .ui-radiobutton-box.ui-state-active { border: 1px solid red !important; background: red !important; color: #FFFFFF; } Trying to override the properties in the component css but it still doesn't work. I know other people have
订阅 primeng