Browsed by
月份:2017年9月

Autocomplete

Autocomplete

[toc] 概述 OVERVIEW 自动完成是一个包含建议备选项的普通的文本输入框的扩展。你可以在Material Design spec了解到更多关于自动完成。 The autocomplete is a normal text input enhanced by a panel of suggested options. You can read more about autocompletes in the Material Design spec. 简单的自动完成 Simple autocomplete 我们从添加一个matInput到模板中开始,假定使用ReactiveFormsModule模块中的fromControl指令来跟踪输入的值。 Start by adding a regular matInput to your template. Let’s assume you’re using the formControl directive from ReactiveFormsModule to track the value of the input. 注意:如果你愿意,可以使用模板驱动表单来替代。在此例中我们使用响应式表单,是因为这样做,订阅输入框值的变化非常容易。在这个例子中,在你的NgModule中,引入@angular/forms中的ReactiveFormsModule模块。如果你对使用响应式表单不熟悉,可以在Angular文档中阅读关于这个主题的…

阅读全文 Read More

开始

开始

开始 Getting started [toc] 通过检出Angular CLI开始创建你的第一个Angular应用。 For help getting started with a new Angular app, check out the Angular CLI. 如果已经创建app,可以按照下面步骤开始使用Angular Material。 For existing apps, follow these steps to begin using Angular Material. 第一步:安装 Angular Material 与 Angular CDK Step 1: Install Angular Material and Angular CDK npm install –save @angular/material @angular/cdk 由主线分支的最新的快照版本也可供下载,但是需要注意的是,这个快照版本不是稳定的,在发布期间也可能中断。 A snapshot build with the latest changes from master is also available. Note that this snapshot build should not be considered stable and may break between releases. npm install –save angular/material2-builds angular/cdk-bu…

阅读全文 Read More