小编Ano*_*ick的帖子

我覆盖了 mat-tab-label-active 以将活动选项卡的颜色更改为自定义颜色（黄色），但是当我单击页面中的任意位置时，颜色会发生变化并变得很脏，就像在顶部有另一层褪色一样它（见这个截图）。我如何保持活动选项卡的颜色，就像一直点击它一样/直到更改选项卡？

我的代码：

::ng-deep.mat-tab-label.mat-tab-label-active {
  background-color: #FCE500;
  font-weight: 700;
  color: black;
}

我正在尝试制作一个 Angular 组件来显示数据和接收数据。我制作了一个带有输入类型表单字段的 mat-table 和带有 {{element.value}} 的常规数据显示。我将每列的宽度设置为不同的，如下所示：

.mat-column-v{
  width: 32%!important;
}

.mat-column-w{
  width: 17%!important;
}

.mat-column-x{
  width: 17%!important;
}

.mat-column-y{
  width: 17%!important;
}

.mat-column-z{
  width: 17%!important;
}

我的问题是，当我使用输入模式时，列的宽度设置不正确。另一方面，输出模式可以正常工作，如下图所示：

我必须覆盖这些信息，但右侧是输入模式，第一列具有某种随机宽度，左侧是宽度设置正确的输出模式。

我的组件的代码：

  <table mat-table [dataSource]="data">
    <!-- v Column -->
    <ng-container matColumnDef="v">
      <th mat-header-cell *matHeaderCellDef> v </th>
      <td mat-cell *matCellDef="let element"> {{element.v}} </td>
    </ng-container>

    <!-- w Column -->
    <ng-container matColumnDef="w">
      <th mat-header-cell *matHeaderCellDef> w </th>
      <td mat-cell *matCellDef="let element">
        <ng-container *ngIf="type == 'input'">
           <mat-form-field>
            <input matInput [value]="element.w" [(ngModel)]="element.w">
           </mat-form-field>
        </ng-container>
       <ng-container *ngIf="type …

因此，我有一个包含一些输入（名字和姓氏、用户名、生日、密码和电子邮件）的表单，其中包含一些我制作的验证条件，例如：

function checkfnlname(field) {
curr = document.getElementById(field).value;
if ( curr.length > 0) {
    updateCSSClass(field, 1);
    return true;
}
else {
    updateCSSClass(field, 0);
    return false;
}}

这会改变它的颜色并返回 true 。我使用onKeyUp="". 现在我想要做的是禁用提交按钮，直到所有字段都已完成并由那里的功能验证。我写了这个函数：

function formvalid() {
if (checkfnlname('fname') && && (all other fields)) {
    document.getElementByID("submitinput").disabled = false;
}
else {
    document.getElementByID("submitinput").disabled = true;
}
return 1;}

但我不知道如何/在哪里调用它。（我尝试了很多我发现的东西，但没有任何效果）这是正确的方法吗？如果是这样，我该如何调用这个函数？

您好，我遇到了这个错误，我找到的解决方案都不起作用。我有一个购物车实体：

@Data
@Entity
public class Cart {
  @Id
  @GeneratedValue(strategy = GenerationType.IDENTITY)
  private Long id;
  private String status;
  @ManyToOne(cascade = CascadeType.MERGE)
  @JoinColumn(name = "usr_id", nullable = false)
  private User usr;
  @ElementCollection(targetClass=String.class)
  private List<String> productsBarcode = new ArrayList<>();
  private long nutritional_score;
}

和一个 User 实体

@Entity
@Data
public class User {
    @Id
    @GeneratedValue
    private Long id;
    private String firstname;
    private String lastname;
    private String email;
    private String phone;
    @JsonIgnore
    @OneToMany(mappedBy = "id",cascade=CascadeType.ALL)
    private List<Cart> carts = new ArrayList<Cart>();
}

当我尝试使用以下 JSON 传递 …