小编use*_*990的帖子

如何在角度5中禁用或覆盖cdk-focused

我正在研究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)

angular-material angular angular-material-5 angular-cdk

10
推荐指数
3
解决办法
9728
查看次数

如何使用引导程序单击时更改按钮的颜色?

有人可以告诉我如何更改引导程序中按钮的颜色吗?我有一组按钮,只有单击的按钮应该改变其颜色。谢谢。

jquery twitter-bootstrap

5
推荐指数
1
解决办法
9520
查看次数

javascript中未执行filereader.onload内部的功能

我正在使用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)

javascript filereader typescript

3
推荐指数
1
解决办法
4411
查看次数

如何在角度材料表的垫表列中添加子列

我正在尝试使用 Angular Material Table(如链接)创建一个带有子列的 mat 表。有没有办法用角材料表做到这一点?我可以从其中一列创建子列吗?请检查以下链接中的表格

https://datatables.net/examples/basic_init/complex_header.html

angular-material angular-material-table

3
推荐指数
1
解决办法
6047
查看次数

如何应对NaN?

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.有人可以帮忙吗?

javascript jquery

0
推荐指数
1
解决办法
102
查看次数