我在 3.2.4 版中使用带有 TS 的 Angular 7.xx。
我有两个 TS 接口。一个是扩展另一个：
这是主界面：
export interface Result {
var1: string;
var2: number;
var3: boolean;
}
第二个只是添加了一个属性：
export interface ResultPlus extends Result {
var4: boolean;
}
现在我有一项服务返回 Observable<Result[]>.
在我的组件中，我订阅了这项服务：
dataArray: ResultPlus[] = [];
getResults(): void {
this.service.getResults()
.subscribe(data => {
**this.dataArray** = (data as unknown as ResultPlus);
});
}
（代码中没有*）
现在this.dataArray（上面的粗体 - **）用红色下划线表示：
错误 TS2740：“ResultPlus”类型缺少“ResultPlus[]”类型中的以下属性：length、pop、push、concat 等 26 个。
我究竟做错了什么？
先感谢您！
我有一个 Angular Material 7 扩展面板。当我将鼠标悬停在mat-expansion-panel-header 之一上时，颜色会发生变化。我怎样才能改变这种颜色？
代码：
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>
<mat-panel-title>
Titel
</mat-panel-title>
<mat-panel-description>Hi</mat-panel-description>
</mat-expansion-panel-header>
Content
</mat-expansion-panel>
</mat-accordion>
我有一个使用角材料 7 中的垫片的组件。
我想根据打字稿变量的布尔值更改选项卡的背景颜色。
问题是我只能在所有选项卡上应用 CSS
.mat-tab-label {
background-color: red;
}
如何创建一个可以应用于特定选项卡的 CSS 类。
我有一个标准组件。我尝试使用封装：ViewEncapsulation.None 但这只允许我更改上面提到的所有选项卡。
HTML：
<mat-tab-group mat-align-tabs="center" dynamicHeight="true">
<mat-tab label="tab1">
Hello
</mat-tab>
<mat-tab label="tab2">
Hello2
</mat-tab>
</mat-tab-group>
我想在 FormGroup 中使用带有 FormControl 的 Angular Material Slider。我有一个包含预定义值的列表，并且对于每个值我都有一个滑块。该列表由一个包含对象的数组组成，每个对象都有一个 id 和一个标题：
const array = [{id: 'anyId', title: 'theTitle'}, ...]
我需要处理滑块的标题和滑块的值，因为我有很多滑块。
所以我有这样的对象：
{id: 'anyId', value: 'sliderValue'}
<mat-list>
<mat-list-item *ngFor="let item of array">{{item.title}}
<mat-slider step="1" min="0" max="4" thumbLabel></mat-slider>
</mat-list-item>
</mat-list>
我如何使用 formControl 来管理它？FormControl 应将当前值设置为滑块并保存滑块的新值 - 两者都保存到数组列表的正确标题中。