如何使用角材料属性答案

【问题标题】：How to use angular material properties如何使用角材料属性
【发布时间】：2018-04-12 22:38:57
【问题描述】：

Angular - Material 列出了他们的文档，其中一部分包括每个组件的 api，例如他们的 <mat-select> 组件：

包含这些 api 项目的正确方法是什么，因为在他们的网站上找不到它们，并且不清楚每个项目应该应用在哪里。

【问题讨论】：

【解决方案1】：

使用 Angular 的实用技巧 - Material API 文档（我不知道为什么它们没有在易于访问的地方包含此类信息）：

@Input(...) 表示它是附加到 DOM 元素的属性，例如<mat-select ariaLabel="Custom aria label">

@Output() 是定义的发出事件，可以通过ViewChild 和Observable 访问。

其余定义通常是可通过ViewChild 访问的方法。

注意：要了解如何使用 ViewChild 访问材质元素，请查看此 SO 答案：Angular 2 material mat-select programmatically open/close

【讨论】：

谢谢，但仍有问题。我试图在页面加载时自动打开选择，但它仍然无法正常工作。 stackblitz.com/edit/angular-sxan5y?file=app/…
@Snorlax 在与 DOM AfterViewInit 交互时，您需要使用方法：open() 以及首选方法。 stackblitz.com/edit/angular-sxan5y-3tprrf?file=app/…
出于好奇，我将如何正确使用 panelOpen: boolean？
@Snorlax 是一个get() 方法。这意味着它已经有一个值，您可以从中“获取”以确定当前状态。 open() 是一个集合，这意味着它对对象执行操作。正确使用是if ( this.mySelect.panelOpen ) { console.log('the panel is open') } else { console.log('the panel is NOT open') }（可能是panelOpen()，凭记忆这样做）