小编nas*_*h11的帖子

我无法将数据放入材料表中。

我创建了一个Block模型，其中包含id、date等字段，data.serviceAPI 调用所在的位置和函数getAllBlock()返回块的位置。我试过了app.component.html，它有效。

文档列表.component.ts

import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { DataService } from '../data.service';
import { Block } from '../models/block.model';

@Component({
    selector: 'app-document-list',
    templateUrl: './document-list.component.html',
    styleUrls: ['./document-list.component.sass']
})
export class DocumentListComponent implements OnInit {
    blocks: Block[];
    //DataSource and columns for DataTable
    displayedColumns: string[] = ['Id', 'Date', 'Data', 'Hash', 'PreviousHash'];
    dataSource = new MatTableDataSource<Block>(this.blocks);

    //Filter (search)
    applyFilter(filterValue: string) {
        this.dataSource.filter …

我想使用 mat-table 在角色列中显示用户的角色名称

用户.ts

export const User = [{
    firstName: 'User',
    lastName: '1',
    roles: [{id: '1', roleName: 'first Role'},
        {id: '2', roleName: 'second Role'}]
}, {
    firstName: 'User',
    lastName: '2',
    roles: [{id: '1', roleName: 'third Role'},
        {id: '2', roleName: 'fourth Role'}]
}];

用户显示.html

<section>
  <mat-table class="matTable" [dataSource]="dataSource">
    <ng-container matColumnDef="firstName">
      <mat-header-cell *matHeaderCellDef> First Name </mat-header-cell>
      <mat-cell *matCellDef="let row"> {{row.firstName}} </mat-cell>
    </ng-container>

    <ng-container matColumnDef="lastName">
      <mat-header-cell *matHeaderCellDef> Last Name </mat-header-cell>
      <mat-cell *matCellDef="let row"> {{row.lastName}} </mat-cell>
    </ng-container>

    <ng-container matColumnDef="roles">
      <mat-header-cell *matHeaderCellDef> Roles </mat-header-cell>
      <mat-cell …

在 Angular 6 中显示图像时在控制台中出现不安全的 URL 错误

我在这里拍照

<br>Primary Image <input type="file" (change)="readUrl($event)">

在另一个组件中，我希望显示我的图像

<tr *ngFor="let x of response">
    <td>
        <img [src]="x.productPrimaryImage">
    </td>
</tr>

获取图片路径的方法。

readUrl(event) {
    this.productPrimaryImage = event.target.value;
}

警告：清理不安全的 URL 值 C:\Users\mayursinghal\Pictures\Screenshot (9).png（参见http://g.co/ng/security#xss）

<button mat-raised-button color="warn">
     <mat-icon>delete</mat-icon>
     Remove Driver
</button>

如何在标题mat-icon和button标题之间添加填充？

我想将按钮标题保留在按钮的中间，并将图标保留在左上角。