angular-material2

    2热度

    4回答

    我正在使用material 2 version 2.0.0-beta.12。我需要调整材质Modal的位置。我遵循这个答案来做到这一点。 https://stackoverflow.com/a/44238699/8253445由于MdDialog现在不可用,我使用{MatDialog,MatDialogRef,MAT_DIALOG_DATA}。 constructor(public dialog:

    1热度

    1回答

    我想在选择列表中显示项目列表。该列表表示对象的所有可能的值。我想预先检查这个对象中包含的现有值。 如果我的对象是“foo”。 然后,我希望foo.items中的所有值都在项目列表中预先检查。 template.html <mat-selection-list #itemList> <h3 mat-subheader>Items</h3> <mat-list-option *ng

    2热度

    1回答

    我试着与设置角料步进这里如何跟进步骤:https://material.angular.io/components/stepper/overview 我想有多个步骤,使一个简单的单一形式我创造了这个: <form [formGroup]="formGroup"> <mat-horizontal-stepper formArrayName="formArray" linear>

    0热度

    1回答

    我需要将以下ID:59dc921ffedff606449abef5动态地传递给MatDialog。对于测试建议我使用它作为硬编码的ID。 不幸的是,我所有的搜索和尝试都失败了,我无法动态地将该ID获取到函数调用中。我也尝试了@input功能,但它没有帮助。 edit-dilog.component.ts: export class EditDialogComponent implements On

    -1热度

    1回答

    采用了棱角分明的反应形式,我动态创建从我的服务器架构形式。对于UI我使用的材料2. 在我实际的代码formGroup和控制从模式创建的,但在我下面的例子只是分配家居简单并避免时序问题。目前,我正在使用最新版本2.0.0 beta12。 一切工作正常,直到我增加了选择的组件。当我创建了一个“选择”动态我收到一个模板解析错误: Can't bind to 'name' since it isn't a

    3热度

    2回答

    我可以使用open属性或open()方法和flex-layout响应api使我的mat-sidenav响应吗? Like <mat-sidenav #sidenav mode="side" opened="true" [fxFlex.xs]="sidenav.close()">

    2热度

    1回答

    如何创建具有浮动工具栏和卡片布局的工具栏,如下图所示。 https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bx4BSt6jniD7bW1TYXlMT0JxUWM/layout-structure-toolbars4.png 这是来自官方网站的材料取。 <div id="profile-edit"

    1热度

    1回答

    在我的Angular 2和材质应用程序中,我想检查用户名是否已经被使用。如果它已经被采用,那么它应该显示错误。 我在下面的指南。 https://material.angular.io/components/input/overview#error-messages 打字稿文件 import {Component} from '@angular/core'; import {FormContro

    1热度

    1回答

    在包括供应商:在运行时在Constructur constructor(groupService: GroupService, public dialog: MatDialog) MatDialog我获得以下错误 Error: No provider for InjectionToken mat-dialog-scroll-strategy! 我已经包括Matdialog在“app.m

    0热度

    2回答

    我试图在mat-select中单击一个按钮来实现多个选项,选项应该取消选中,并且应该从检查列表中删除。 去除所选的选项我写我的代码如下: 垫选择选项: <mat-form-field class="full-width"> <mat-select class="multiple-location-list-search-wrapper full-width" #mulLoc requ