1. H

    Apply Mat-Tootip to Mat-table cell generated using *matRowDef

    Currently I am using some data to create and populate a table dynamically. The number of columns remains consistent but the number of rows changes depending on the data. There is one column in the table that shows a number. I want to add a tool tip that shows on hover, which is extra data...
  2. B

    CSS styling - how to display a person's initials or a person's image

    Using this lovely html and css as a guide, I'm able to display my initials over my photo. This is great, however, I would like to display only the initials in the event the image does not exist; if the image exist, no peron initials should be rendered. In other words, the image should overlay...
  3. M

    Angular Material List: How to prevent mat-list-items from wrapping content?

    In my Angular Material Application I have a list (mat-list) with several rows (mat-list-items). I'm trying to prevent the mat-list-items from wrapping their content. For example, instead of this: it shall look like this: Here is the html: component.html: <mat-list> <mat-list-item...
  4. M

    How to slice a part of string using typescript?

    I am building up a custom select box with multi select as like angular material chips.. HTML <div class="autocomplete"> <div class="chips-input-container"> <div class="col-md-4"> <div class="user-chip" *ngFor="let user of userSelects"> {{}}...
  5. P

    Truy cập JSON Data từ HTML - Angular 4

    Mình có dữ liệu JSON này mà mình cần truy cập từ HTML của mình bằng MatCellDef của Angular 4. Mình cần đọc FROM, TO, PERCENT và SUBTRACT của mảng RateBands. File JSON: [ { "yearlyincentive":{ "incentive":{ "number":"0", "description":"null"...
  6. A

    Thay đổi phông màu của ô cụ thể trong mat-table (Angular)

    Mình có vấn đề với bảng. Mình cần phải thay đổi phông màu của ô cụ thể trong bảng. Có nghĩa là mình sẽ có thể thay đổi màu cho ô có giá trị như: "số 8". Mình cố gắng thay đổi màu sắc, nhưng chỉ thay đổi được màu của cột (màu xanh dương). Code .html của mình như sau: <div class="my_item">...