我想在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) 例如我有下面的表格。
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)
有没有办法重置表单并将其所有初始值设置为空字符串''
。
我目前正在为角材料表创建一个可重复使用的组件。我已经设法为表格创建了一个可重用的组件。
我想*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)