卡片 Card

card 的 API

Angular Material card API 参考文档

import {MatCardModule} from '@angular/material/card';

一个基本的内容容器组件,它添加了一些 Material Design 卡片的样式。

A basic content container component that adds the styles of a Material design card.

虽然这个组件可以单独使用,但它也为普通的卡片区段提供了一些预设的样式,包括:

While this component can be used alone, it also provides a number of preset styles for common card sections, including:

  • mat-card-title
  • mat-card-subtitle
  • mat-card-content
  • mat-card-actions
  • mat-card-footer
选择器: mat-card
导出为: matCard

Angular Material card-testing API 参考文档

import {MatCardHarness} from '@angular/material/card/testing';

在测试中与标准 mat-card 进行交互的测试工具。

Harness for interacting with a standard mat-card in tests.

方法
异步
getAllChildLoaders

参数

Parameters

selector

S

返回值

Returns

Promise<HarnessLoader[]>
异步
getAllHarnesses

参数

Parameters

query

HarnessQuery<T>

返回值

Returns

Promise<T[]>
异步
getChildLoader

参数

Parameters

selector

S

返回值

Returns

Promise<HarnessLoader>
异步
getHarness

参数

Parameters

query

HarnessQuery<T>

返回值

Returns

Promise<T>
异步
getSubtitleText

获取该卡片的副标题文字。

Gets the cards's subtitle text.

返回值

Returns

Promise<string>
异步
getText

以文本形式获取该卡片的所有内容。

Gets all of the card's content as text.

返回值

Returns

Promise<string>
异步
getTitleText

获取该卡片的标题文字。

Gets the cards's title text.

返回值

Returns

Promise<string>
异步
host

获取一个代表该组件宿主元素的 TestElementPromise

Gets a Promise for the TestElement representing the host element of the component.

返回值

Returns

Promise<TestElement>

一组可以用来过滤 MatCardHarness 实例列表的条件。

A set of criteria that can be used to filter a list of MatCardHarness instances.

属性
名称 描述

subtitle: string | RegExp

只查找副标题匹配指定值的实例。

Only find instances whose subtitle matches the given value.

text: string | RegExp

只查找文本与指定值匹配的实例。

Only find instances whose text matches the given value.

title: string | RegExp

只查找标题与指定值匹配的实例。

Only find instances whose title matches the given value.

卡片 API 目录