我在试着渲染棱角材质的日期选择器。这不是问题()
<mat-form-field class="example-full-width">
<input
matInput
[matDatepickerFilter]="myFilter"
[matDatepicker]="picker"
placeholder="Choose a date"
/>
<mat-datepicker-toggle matSuffix [for]
浏览 5提问于2022-02-08得票数 -1
回答已采纳
我有一个关于角度材质matDatepicker的问题。
我发现如果我想对它使用disabled属性，在使用ngSubmit时我无法获得结果值。
意味着这段代码可以工作：
<mat-form-field>
<input matInput [matDatepicker]="picker" required
ngModel #datePress="ngModel"
name="datePress">
<mat-datepicker-toggle matSuf
浏览 9提问于2018-03-27得票数 0
我尝试在css中添加背景颜色，用于角度材质日期选择器中的日历图标。我没有得到任何改变。
<mat-form-field class="mr3">
<input matInput [matDatepicker]="startdate" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="startdate"></mat-datepicker-toggle>
<mat-da
浏览 3提问于2019-06-21得票数 0
2回答
我想设置角度材质日期拾取器的值，但从外部输入材质日期拾取器输入 有关更多信息，请参阅以下内容：angular-material-datepicker <mat-form-field>
<input matInput placeholder="set date picker on blur
(blur)="setDatepicker()">
</mat-form-field> <br>
<mat-form-field class="example-full-width">
浏览 31提问于2019-05-01得票数 3
2回答
是否有可能以某种方式捕获角度材质日期选择器切换图标上的单击事件？我想要触发器函数foo()。
我的实现如下所示：
<mat-form-field class="example-full-width">
<input matInput [matDatepicker]="picker" placeholder="Date">
<mat-datepicker-toggle matSuffix [for]="picker" (click)=&
浏览 23提问于2020-02-11得票数 1
回答已采纳
3回答
这是我的代码。我使用的是角度材质。如何将日历设置为只显示月和年？
<input matInput [matDatepicker]="picker" readonly>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
浏览 1提问于2018-01-19得票数 4
我最近在我的angular项目中添加了angular材质，但在将@angular/material添加到我的项目后不久，animate.js提供的一些动画就停止工作了。 有没有什么方法可以让animate.js和angular材质一起工作？ 控制台错误： Module build failed: Error: ENOENT: no such file or directory, open 'node_modules/zone.js/dist/zone-evergreen.js' 但我确实在那个路径上有那个文件。
浏览 39提问于2021-01-09得票数 0
3回答
我正在使用angular材质创建表单，并使用带有appearance = "outline"属性的mat-form-field。当图像加载并单击输入时，我遇到了图像问题： ? 但当您单击重新加载页面时，通常会显示如下图所示： ? 我发现这个问题是在我第一次加载页面或者使用ctrl + F5重新加载时出现的。所有输入都会出现此问题，包括那些只有3个字母的占位符，甚至输入中也没有图标。 有人知道我怎么调整这个吗？ Edit1 :遵循我的一个输入的代码： <mat-form-field appearance="outline"
浏览 28提问于2019-05-15得票数 0
回答已采纳
我正在使用角度材质日期选择器功能。除了占位符之外，它工作得很好。在文档中，当输入内容填入日期时，占位符就变成了一个小标签。我的正在消失。 我尝试过更改css以使其正常工作，甚至尝试使用垫子标签，但都没有成功。 <input matInput [matDatepicker]="payBeginningDate" formControlName="payBeginningDate" id="payBeginningDate" placeholder="Beginning Date">
<mat-datepicker
浏览 16提问于2019-04-24得票数 1
1回答
我在使用角度材质Datepicker时遇到了一个问题，我似乎找不到问题的根源。我想不出一种方法来表达这个问题。每当我打开日历并选择日期时，覆盖层都太大，超出了方框的边界。希望这张附图能有所帮助：
我在组件所在的模块中有以下导入：
import { MatDatepickerModule, MatNativeDateModule, MatFormFieldModule, MatInputModule, MatOptionModule } from '@angular/material';
import { MomentDateModule } from '@an
浏览 6提问于2020-03-11得票数 1
2回答
如何在角度材料中使用管道？我想通过管道填充mat-select中的占位符。我编写的管道可以工作，但当我尝试将它与角度材质元素一起使用时，它不起作用。我可以使用变量来填充占位符，但是为什么管道的表达式不起作用？
<input readonly matInput [matDatepicker]="picker1" placeholder="{{lblStartDatum}}" [(ngModel)]="StartAuswahl" (ngModelChange)="onDateChanged(1)">
这行得通！
<!
浏览 1提问于2018-04-16得票数 3
1回答
当我们从一个步骤切换到另一个步骤时，有没有办法禁用Angular材质的mat-stepper控件的动画？
浏览 7提问于2018-08-02得票数 12
回答已采纳
我试图在指令的链接函数中放入一个。从概念上讲，我不明白为什么这是不可能的。根据文档，$mdDialog.show位于一个作用域中，而$mdDialog.hide();位于由$mdDialog.show对象定义的控制器中。我已经能够使对话框弹出-尽管closeModal()会执行(我可以从console.log看出)，但$mdDialog.hide()不会执行，模式也不会隐藏。
angular.module('app', ['ngMaterial'])
.directive('addLayer', ['$mdDialog',
浏览 0提问于2015-06-09得票数 5
回答已采纳
嘿，我从角度材料输入日期选择器，我试着禁用这个值，让用户只从日期选择器日历中选择，它对我不起作用。 这是我的输入： <p class="p-rtl">
<mat-form-field class="input-min" appearance="fill">
<mat-label>Finish Date</mat-label>
<input matInput [matDatepicker]="picker" placeholder=
浏览 33提问于2019-10-03得票数 0
回答已采纳
1回答
如何创建角度材质组件形状的主题？
、、、、
有没有办法在angular材质中创建组件形状的主题？我知道material设计有一个形状概念，允许你为所有的小/中/大组件创建更多的圆角，较少的圆角，甚至是切角。有没有办法在angular材质中实现这一点？
如果不是，那么在angular材质中全局定制组件的最佳方式是什么？假设我想去掉所有<mat-button>上的圆角？
浏览 17提问于2019-07-15得票数 5
回答已采纳
我使用的是一个角度材质日期选择器。
<mat-form-field>
<input matInput [matDatepicker]="picker" formControlName="form_birthdate" name="form_birthdate" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<
浏览 1提问于2018-05-16得票数 5
所以我在一个表单中使用角度材质datepicker来获取用户的出生日期。它在大多数情况下都是有效的，但当以某种格式手动键入日期时，它不会显示正确的日期。例如，如果我输入2000-01-15并单击，它会将输入中的日期更改为显示1/14/2000，但是如果我输入01/15/2000，它会正确地将输入更改为显示1/15/2000。此外，如果我只是在2000之类的输入中键入年份，它会将输入更改为显示12/31/1999。
这是datepicker的html，在控制器中不做任何逻辑处理。
<mat-form-field>
<input id="birthDate"
浏览 7提问于2018-12-04得票数 1
1回答
除了iOS /Safari上的输入字段外，我的响应web应用程序(用角材质制作)工作得很好:当用户聚焦于输入字段时，iOS会放大网页。然后缩放级别保持不变，破坏应用程序的响应能力(因为这样，视口就可以滚动，例如工具栏不再被粘贴到顶部。另外，由于缩放，有些元素在左边和右边总是可见的，在可见区域之外)。
我遵循了一些建议，例如和。
一种几乎可以工作的方法是在HTML标题中使用以下内容：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user
浏览 1提问于2021-08-29得票数 3
回答已采纳
在这个中，我有一个背景图像，它通过CSS规则background-size:cover;覆盖了整个视区。
但是，只需包含角度材质CSS文件即可更改此行为，如您在链接插入器中所看到的那样，这样图像就不会停留在视口上，而是随页面内容一起滚动。
是什么导致了这种变化，我们如何在使用角度材料的同时恢复旧的行为？
浏览 2提问于2016-07-06得票数 1
在问题How to validate field with input type=time via form control?中 如何验证这样的datepicker (已禁用输入字段) <mat-form-field>
<input matInput [matDatepicker]="picker" formControlName="datePickerCtrl" disabled>
<mat-datepicker-toggle matSuffix [for]="picker"></mat-da
浏览 14提问于2019-02-03得票数 0
我正在和Ionic v4一起做一个离子角度的项目。我在matdatepicker的输入标签中尝试了最大攻击。它在值为空时工作。但是，当我以编程方式在输入中设置值时，最大验证不起作用。我使用ngModel、formcontrol和formcontrolname绑定设置值。但每次马克斯·阿塔尔都不起作用。
<mat-form-field class="full-width">
<input matInput [matDatepicker]="picker" readonly placeholder="Date P
浏览 1提问于2019-01-08得票数 0
我有一个stepper表单，在第一步中，用户需要使用Angular Material design Datepicker组件选择日期。
当用户进入下一步时，我希望绑定他们选择的值，并将其再次显示在输入字段的顶部(他们也应该能够在此处更改它)。
我尝试过[(ngModel)]，但不确定我是否正确使用它。
<mat-form-field>
<input [(ngModel)]="date" formControlName="dateFormCtrl" matInput
[matDatepicker]="picker"
浏览 1提问于2018-04-20得票数 2
3回答
我在将输入的日期传递给方法时遇到了问题。
代码片段如下所示：
HTML：
<div class="div1">
<form ng-controller="formCtrl" >
<label style="float:left;padding:7px;"> From : </label>
<mat-form-field style="float:left;padding:7px;">
<input type="d
浏览 0提问于2018-01-29得票数 0
回答已采纳
1回答
我试图在一个材料表单输入上使用disabled：
<mat-form-field>
<input
matInput
formControlName="date"
[matDatepicker]="dp3"
placeholder="YYYY-MM-DD">
<mat-datepicker-toggle
matSuffix
[for]="dp3">
</mat-datepicker-toggle>
<ma
浏览 0提问于2018-10-07得票数 0
旧的angular/material有这两个模块。但是angular/material 9.1.1版本没有这两个模块。我得到了下面的错误。任何人都知道如何导入这两个模块
Uncaught (in promise): Error: MatDatepicker: No provider found for DateAdapter. You must import one of the following modules at your application root: MatNativeDateModule, MatMomentDateModule, or provide a custom im
浏览 0提问于2020-03-05得票数 17
回答已采纳
2回答
Angular反应表单模板
、、、、
在下图中，左侧是当前表单，但我希望它看起来像右侧的表单(使用Flexbox?)。我如何才能做到这一点？我还没能找到一个解决方案。我使用的是角度材质，而不是Bootstrap。 ? <div class="container">
<mat-card>
<mat-card-title>Filter</mat-card-title>
<mat-card-content>
<div class="example-container&#
浏览 16提问于2020-01-19得票数 3
回答已采纳
2回答
很长时间的读者，第一次的海报。我想有一个材料汉堡包转换为"X“时，单击，然后转换回来时，再次单击在一个角度应用程序。网站显示有我想要的动画，但没有关于如何做的文档。
我尝试了CSS方法，但它不显示，这将是很好的保持项目与材料图标一致。
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls=
浏览 1提问于2019-06-19得票数 2
我一直在经历间歇性超时，这在量角器常见问题解答中被归咎于使用$timeout进行轮询(也就是waitForAngular超时)。我想知道它是否也失败了，在它不是轮询的情况下。对于我的团队来说，随着我们依赖于角度材料组件，它变得更加清晰。它们大量使用$timeout(func，0)进行动画交互。此问题类似于，但侧重于角度材料和量角器之间可能存在的问题。我真的很想知道大量使用Angular Material和Protractor的人是如何处理这些问题的，如果他们遇到这些问题的话。
有趣的是，我没有在量角器和角度材料github站点中看到任何彼此功能的利用。由于它们都是来自谷歌同一组的Angular
浏览 2提问于2015-04-30得票数 27
我已经定义了这个MatDatePicker：
<input #creatoDal matInput [matDatepicker]="creatoDal"
(focus)="creatoDal.open()" readonly>
<mat-datepicker-toggle matSuffix [for]="creatoDal"></mat-datepicker-toggle>
浏览 1提问于2019-10-09得票数 1
我使用的是Angular 8和angular material的最新版本。我有一个mat表单字段，选择正在工作等，但样式没有，它覆盖了我的文本，只有选定的文本应该去的地方。 这是图片：https://ibb.co/0YNs21L 在控制台中，我没有警告说没有包含angular材质主题，这是iI输入angular css主题的angular.json文件 <mat-form-field>
<mat-label>Select an option</mat-label>
<mat-select [(value)]="selected
浏览 11提问于2019-09-03得票数 0
我对angular (angular材质)真的很陌生，我正在处理这个包含多个字段(输入、带有自动完成功能的芯片)的表单。在模糊状态下，如果字段保留为空，则需要的输入将变为红色。芯片输入字段不会发生这种情况。有没有一种简单的方法来实现它？
浏览 14提问于2017-04-19得票数 2
2回答
角度材质日期拾取器服务
、、、
我正在使用这个角度材质库： https://material.angular.io/components/datepicker/api 我正在尝试使用他们推荐的服务MatDatepickerIntl。 datepicker.component.html： <mat-form-field class="example-full-width">
<input matInput [matDatepickerFilter]="myFilter" [matDatepicker]="picker" placeholder=&
浏览 15提问于2019-02-11得票数 0
1回答
我正在尝试在我的项目中使用角度材质，标签被导入，但并不是所有的样式都在那里。
在我的HTML中：
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker startView=
浏览 4提问于2018-06-14得票数 4
回答已采纳
1回答
我在角材料版本1.1.1中使用日期选择器有一些问题，如果我更改为角材料1.1.0，日历就会工作，就像我在codepen：上所做的那样。
以下是我的HTML：
<md-content md-theme="infocargas" layout-padding>
<form name="newDeliveryForm">
<div layout-gt-xs="row">
<md-input-container class="md-block" fl
浏览 4提问于2016-12-15得票数 4
回答已采纳
2回答
我来自Unity world。在Unity中，我们可以很容易地旋转image based lighting的背景天框。我看到在Swift中，我们可以通过输入以下命令来应用skybox：
// Create a new scene
let scene = SCNScene()
var IBLImage = UIImage()
scene.lightingEnvironment.contents = IBLImage
但我希望它能够旋转，这样它就可以与真实环境相匹配。到目前为止，在旋转照明环境内容方面还没有代码方面的幸运。
任何帮助都将受到高度的感谢。
浏览 3提问于2018-11-23得票数 0
我对角度材质日期拾取器组件有问题。
我已经创建了一个自定义组件：
<div class="custom-date-picker">
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-tog
浏览 0提问于2020-06-22得票数 0
我的html中有一段代码：
<mat-form-field>
<input matInput [matDatepicker]="myDatepicker" placeholder="Choose a date" [(ngModel)]="model.value" name="value">
<mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
浏览 0提问于2018-07-12得票数 7
回答已采纳
1回答
角度材料性能差，内存占用大：
Issue: When added md-input-container to a page, the number of $watchers increased from 6504 to 112507?, by total 17 times more than without the angular material tag* md-input-container和$mdDialog都会导致内存泄漏在Chrome中加载角度材料页面慢4倍，在IE中几乎无法加载。‘预期的行为是什么？期望Angular material应用程序与angular only应用程序执行类
浏览 0提问于2017-08-17得票数 1
我使用DatePicker进行输入和输出日期选择。MatDatepicker =当我输入“选择器”时，它起作用。当你给某人一个不同的名字时，只有matDatepicker = "selector“有效，而另一个名字会给出一个错误。我该怎么修复呢？
<mat-form-field>
<label>Entry Date?</label>
<input matInput [matDatepicker]="picker">
<mat-datepicker-toggle matSuffix [for]=
浏览 5提问于2020-03-08得票数 0
我相信我在使用[matDatePicker]时发现了Angular Materials组件中的一个错误，并创建了一个stackblitz 。
当在mat-form-field上使用[matDatePicker]和[floatLabel]时，似乎有一个问题。当用户在字段中键入而不是单击并从日期选择器中进行选择时，文本将超出输入字段的标签或占位符文本的顶部
浏览 13提问于2018-08-09得票数 0
回答已采纳
我想要实现的目标可以在下面的图片中看到。
或stackblitz
我使用angular材质作为UI框架
问题是，当我单击任意位置(日、月或年)时，焦点会自动放在第一个输入上。我在文档中找不到如何禁用此行为。
另一个问题是验证，整个字段的验证将只考虑第一个字段。感觉这并不受角度材质的支持。对如何解决这个问题有什么想法吗？
模板标记：
<mat-form-field class="full-width">
<mat-label>{{label}}</mat-label>
<div class="d-flex ju
浏览 54提问于2019-03-26得票数 3
回答已采纳
1回答
我在我的angular 8应用程序中使用了angular material datepicker，我想知道它是否可以用作日期选择器和月份选择器。我的意思是，用户可以在相同的日期选择器中选择日期/月/年或只选择月/年。文档中没有提到在同一日期选择器中使用这两种变体。有人能帮上忙吗？下面是我的代码，它使用了日期/月/年。这个也可以改成使用月/年吗？
<mat-form-field>
<input matInput [max]="maxDate"
[matDatepicker]="picker"
[(ngMo
浏览 6提问于2020-06-12得票数 1
1回答
我用的是角质材料。我想在切换幻灯片按钮后禁用数据报警器。
我的数据表上传表：
<form #uploadForm="ngForm" (keydown.enter)="$event.preventDefault()" (ngSubmit)="upload(uploadForm.valid)">
<div class="input-wrapper">
<mat-form-field>
<input
id="date"
na
浏览 0提问于2018-07-31得票数 0
回答已采纳
1回答
我对角质/角质材料很陌生。
我有一个带有两个MatDatePicker输入字段的div：
<div class="docs-example-viewer-body">
<mat-form-field>
<mat-select placeholder="Employee" [(ngModel)]="selectedEmployeeId" name="employee_name" (ngModelChange)="setSelectedEmployee($event)">
浏览 3提问于2017-10-14得票数 7
我想有条件地添加一个重要的数据选择器，但不复制输入标记。
例如，如果我有这个：
.ts：
isDatePickerInputList: boolean[] = [false, true]
简单的方法是在*ngFor中有2个输入:第一个输入是正常输入，第二个输入是与matDatePicker链接的输入。
但是我不想要这个解决方案，因为它意味着复制我的输入标记
.html：
<ng-container *ngFor="let isDatePickerInput of isDatePickerInputList">
<ng-container *ngIf=&
浏览 1提问于2019-09-25得票数 0
1回答
为什么不在物料日期选择器上更改年份和月份
这里我添加了css和js：
<link rel="stylesheet" type="text/css" href="{{asset('assets/datepicker/bootstrap-material-datepicker/css/bootstrap-material-datepicker.css')}}">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
浏览 6提问于2017-03-06得票数 0
2回答
我正在尝试弄清楚如何自定义选定的日期和月份标签，并删除内框阴影。我找不到这些项目的正确选择器：
.mat-calendar-content {
padding: 0px 0px 8px 0px !important;
outline: 0;
}
.mat-calendar-body-cell-content .mat-calendar-body-selected {
border-radius: 100% !important;
color: orange !important;
}
所以基本上我试着把这个月居中，去掉内框阴影，使选中的项目背景是圆形而不是正方
浏览 36提问于2018-07-31得票数 2
回答已采纳
2回答
我在我的angular 10项目中使用了angular材质10.2.5。我通过添加下面这一行来包含主题
@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
在我的style.css中，我创建了一个组件，并使用了一个原色的材质按钮，但我的按钮颜色并未应用。
<button mat-button color="primary">Toogle</button>
按钮颜色必须为蓝色
有什么想法吗？
浏览 0提问于2020-10-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
