小编dav*_*r21的帖子

如何在后跟span标签时选择输入标签?

我想在input后面跟着一个标签span:

HTML:

<input type="text"/>
<span>
    ...
</span>
Run Code Online (Sandbox Code Playgroud)

CSS:

input [followed span] {
    padding:5px; (set input padding, only when followed by span)
}
Run Code Online (Sandbox Code Playgroud)

html css jquery

6
推荐指数
1
解决办法
251
查看次数

Angular Form 重置值并设置其所有初始值而不是 null

例如我有下面的表格。

searchForm = new FormGroup({
    firstName: new FormControl(''),
    lastName: new FormControl('')
  })
Run Code Online (Sandbox Code Playgroud)

问题是,当我使用searchForm.reset()初始值设置为null而不是空字符串时'',我在FormControl.

我试过做下面的代码并且它有效。问题是,例如我有 20 FormControl,我需要全部输入并初始化它.reset({firstName:'', other20properties..})

this.searchForm.reset(
      {
        firstName: '',
        lastName: ''
      }
    );
Run Code Online (Sandbox Code Playgroud)

有没有办法重置表单并将其所有初始值设置为空字符串''

angular angular-forms

4
推荐指数
1
解决办法
3856
查看次数

为 Angular Material Table 创建可重用组件并更改其表头

我目前正在为角材料表创建一个可重复使用的组件。我已经设法为表格创建了一个可重用的组件。

我想*matHeaderCellDef按照定义更改标题:

columnHeader = ['studendID', 'fname', 'weight', 'symbol'];
Run Code Online (Sandbox Code Playgroud)

例如:将表头更改studentID为学生 ID 和fname名字。

在此处输入图片说明

现在的问题是我无法更改表头。


请查看我到目前为止所做的代码。

数据表.component.html

columnHeader = ['studendID', 'fname', 'weight', 'symbol'];
Run Code Online (Sandbox Code Playgroud)

数据表.component.ts

<mat-form-field>
  <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">

  <ng-container [matColumnDef]="tableData" *ngFor="let tableData of columnHeader">
    <th mat-header-cell *matHeaderCellDef mat-sort-header> {{tableData}}    </th>
    <td mat-cell *matCellDef="let element"> {{element[tableData] }}</td>
  </ng-container>

  <tr mat-header-row *matHeaderRowDef="columnHeader"></tr>
  <tr mat-row *matRowDef="let row; columns: columnHeader;"></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

员工.component.html

import {Component, OnInit, ViewChild, Input} from '@angular/core';
import {MatSort, MatTableDataSource, MatTable} from …
Run Code Online (Sandbox Code Playgroud)

angular-material angular

2
推荐指数
1
解决办法
5667
查看次数

标签 统计

angular ×2

angular-forms ×1

angular-material ×1

css ×1

html ×1

jquery ×1