我正在研究mat-button-toggle-group,我通过覆盖mat-button-toggle-checked类来修改现有的css,如下所示.现在,当我在按钮之间切换时,css不工作,直到我得到焦点,这是因为当点击的按钮处于焦点时,正在添加2个cdk类'cdk-focused'和'cdk-program-focused'.有没有什么方法可以让这些类禁用或使它们不适用或用相同的mat-button-toggle-checked css覆盖它们?
<mat-button-toggle-group #group="matButtonToggleGroup" value="line">
<mat-button-toggle (click)="showLine()" value="line">Line</mat-button-toggle>
<mat-button-toggle (click)="showChart()" value="chart">Chart</mat-button-toggle>
</mat-button-toggle-group>
Run Code Online (Sandbox Code Playgroud)
和css
mat-button-toggle-group {
border: solid 1px #d1d8de;
width:260px;
height:41px;
text-align: center;
.mat-button-toggle-checked{
background-color: #ffffff;
font-weight: bold;
}
.mat-button-toggle{
width:50%;
font-size: 15px;
}
}
Run Code Online (Sandbox Code Playgroud) 有人可以告诉我如何更改引导程序中按钮的颜色吗?我有一组按钮,只有单击的按钮应该改变其颜色。谢谢。
我正在使用filereader读取文件,并使用base64执行一些操作。我可以读取该文件并获取base64,但无法使用它进行某些操作。这是我的代码。
问题是this.addContentAttachment(this.mimeType,this.base64Url)行中的代码未执行
getBase64(file: any) {
var reader:FileReader = new FileReader();
reader.onload = function (readerEvt: any) {
var binaryString = readerEvt.target.result;
this.base64Url = binaryString;
this.mimeType = this.base64Url.substring(this.base64Url.lastIndexOf("data") + 5, this.base64Url.lastIndexOf(";"));
this.base64Url = this.base64Url.substring(this.base64Url.lastIndexOf("base64") + 7);
this.addContentAttachment(this.mimeType,this.base64Url);
};
reader.readAsDataURL(file);
reader.onerror = function (error) {
console.log('Error: ', error);
};
}
Run Code Online (Sandbox Code Playgroud) 我正在尝试使用 Angular Material Table(如链接)创建一个带有子列的 mat 表。有没有办法用角材料表做到这一点?我可以从其中一列创建子列吗?请检查以下链接中的表格
https://datatables.net/examples/basic_init/complex_header.html
function sumOfColumns(tableID, columnIndex) {
var tot = 0;
$("#" + tableID + " tr").children("td:nth-child(" + columnIndex + ")").each(function () {
tot += parseFloat($(this).html());
});
return tot;
}
var _totalhours = sumOfColumns("tblEmpEarnings", 3);
Run Code Online (Sandbox Code Playgroud)
当我调试_totalhours给我时NaN.有人可以帮忙吗?