primeng

Angular: TextArea show different rows different character count

由 女生的网名这么多〃 提交于 2020-01-07 08:28:20
问题 Angular: TextArea is defined under the table as 5th column, now implemented changes to include character count, Count is visible but for all rows only the 1st row count is showing. For example say 1st row Textarea count is 23, then for all rows irrespective of data present in that TextArea, count is showing 23 for all rows . Plus when i am editing 1st row then all rows count is changing.. Hence how to make different row show count specific to that row TextArea Below is the code implemented by

Fontawesome Icons appearing as boxes within primeng controls

由 牧云@^-^@ 提交于 2020-01-07 05:34:05
问题 I am using prime ng and I can't get the controls to appear with the icons. All I'm getting are boxes but when I use fontawesome outside the prime controls, everything works fine. I uses NPM to install. Here is my index.html page <!DOCTYPE html> <html> <head lang="en"> <base href="/" > <title>Acme Product Management</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <script src="assets/scripts/angular.min.js"><

Adding a dynamic column primeNG Angular 2. Make column for each object in the array

由 核能气质少年 提交于 2020-01-07 04:30:30
问题 I have a list of person which I want to display in a primeng datatable. The person object has this fields (firstName, lastName, continentsVisited). continentVisited field is an array of continent visited by the person. This continentsVisited is dynamic. What I want is to have a seperate column for each continent visited in addition to firstName and lastName. export class AppComponent { persons: any [] = [ {"firstName": "paolo","lastName":"revira","continentsVisited": [ { "continent":"Europe",

System js map doesn't work

由 泄露秘密 提交于 2020-01-06 16:24:02
问题 Maybe I am dumb but system js always gives so much pain, although its so nice that I don't want to use anything else. My system js config is this: System.config({ packages: { app: { format: 'register', defaultExtension: 'js' }, primeng:{ format: 'register', defaultExtension: 'js' } }, map: { primeng: 'node_modules/primeng' } }); Primeng is being imported like this: import {Accordion} from "primeng/primeng"; import {AccordionTab} from "primeng/primeng"; This is a ts file which gets compiled in

PrimeNg Chart in stackblitz not running?

由 谁说胖子不能爱 提交于 2020-01-06 07:13:55
问题 This is the first time i am trying to make an stackblitz app with Angular6, Primeng 6 . I am trying to create Primeng chart with it. I installed Chartjs and also updated the angular.json file, as given in Primeng documentation but it is throwing error saying Chart is not defined. Can anyone help me to resolve this issue. Same thing is working perfectly in my local setup. Here is the link: stackblitz link 回答1: Placing these two script lines in the index.html file allows it to run natively in

Primeng the table component isn't working with ngFor

由 风格不统一 提交于 2020-01-06 05:35:10
问题 i am trying to loop an array each object in this array is a table on html. and it display like this : <p-table [value]="section" *ngFor="let section of sections"> <ng-template pTemplate="header"> <tr> <th>Quantity</th> <th>Length</th> <th>m^2</th> <th></th> </tr> <tr> <th colspan="4"> <div (click)="showDialog()" class="text-left">+ A - Flat Panel RAW MDF Red Gloss - $95 / sqm </div> </th> <th colspan="8"> <div class="md-inputfield"> <input type="text" class="form-control" pInputText> </div> <

Is possible to use Primeng, Angular2 embedded in JSF without npm?

由 喜夏-厌秋 提交于 2020-01-05 05:55:09
问题 I want to use angular2 framework for frontend, so for UI part I want to use primeng but I don't know how npm works. Tech info: My IDE is eclipse/netbeans project is going to be deployed on Wildfly8.0 Can I mix JSF components with primeng? 回答1: TL;DR: Yes it is possible, but there are better alternatives Important concepts: AngularJS is a synonym for angular version 1 Angular2 is synonym for angular version 2 (not backwards compatible with v1) primeng is a components library that depends on

How to apply CSS dynamically on selected items only [Angular]

由 丶灬走出姿态 提交于 2020-01-05 04:07:07
问题 I'm learning Angular . I've created a custom month-picker from the scratch. It selects a range of months, no dates and no weeks. I wanted to highlight the range of months that'd been selected. You can think of primeng month picker but with range. I tried this, this and many other solutions but I failed. Here is my code: monthpicker.component.html <div class="my-table-div dropdown-content"> ... <br> <div *ngFor="let row of matrix" class="my-table"> <span *ngFor="let x of row"> <span class=

Primeng Button not showing label

由 爷，独闯天下 提交于 2020-01-04 04:06:16
问题 I have primeng button in my angular4 application. label of the button is not displaying.Button is displaying very small without label. <div id="main"> <form #newJobCleanUpForm="exForm" (ngSubmit)="onSubmit(exampleForm)"> <label class="stylelabel" for="jobNumber"><span>Job Number</span> <input type="text" pInputText class="styletext" id="jobNumber" required [(ngModel)]="jobNumber" name="jobNumber"> <button pButton type="button" label="Click"></button></label> </form> </div> 回答1: This issue is

“Can't bind to 'ngModel' since it isn't a known property of 'p-calendar'” error message trying to use PrimeNG component, why?

由 萝らか妹 提交于 2020-01-01 08:51:45
问题 I am very new in Angular 2\4 and I am trying to follow this quick video tutorial to add PrimeNG components to my Angular project: https://www.youtube.com/watch?v=6Nvze0dhzkE and the Get started section of the PrimeNG tutorial page: https://www.primefaces.org/primeng/#/setup So this is my app.component.html view: <!--The whole content below can be removed with the new code.--> <div style="text-align:center"> <h1> Welcome to {{title}}!! </h1> </div> <p-calendar [(ngModel)]="value"></p-calendar>
订阅 primeng