小编Sha*_*kar的帖子
在Angular 6中确认密码验证
我想只使用材料组件执行密码和确认密码验证 ,如果和.确认许多资源无法实现,则在确认密码字段下面显示错误消息.confirm password field doesn't matchif it is empty
也试过这个视频.
这是我正在寻找的材料成分
HTML
<mat-form-field >
<input matInput placeholder="New password" [type]="hide ? 'password'
: 'text'" [formControl]="passFormControl" required>
<mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility' :
'visibility_off'}}</mat-icon>
<mat-error *ngIf="passFormControl.hasError('required')">
Please enter your newpassword
</mat-error>
</mat-form-field>
<mat-form-field >
<input matInput placeholder="Confirm password" [type]="hide ?
'password' : 'text'" [formControl]="confirmFormControl"
required>
<mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility' :
'visibility_off'}}</mat-icon>
<mat-error *ngIf="confirmFormControl.hasError('required')">
Confirm your …推荐指数
解决办法
查看次数
如何隐藏占位符onclick in material
我使用简单的form-field input组件,如下面的代码
<mat-form-field class="example-form-field" >
<input matInput type="search" placeholder="Search" >
</mat-form-field>
在输入默认输入的输入时,占位符将在上方.
如何在输入到输入字段时隐藏占位符？
推荐指数
解决办法
查看次数
修复一个组件中的 mat-fab 按钮
我创建了 3 个名为的组件。
loginforgot-passcustomer
我已将所有这些组件放置在 中app.component.html，一个在另一个下面，使用相应的选择器，如下所示：
<app-login></app-login>
<app-forgot-pass></app-forgot-pass>
<app-customer></app-customer>
在这里，我在客户组件的右下角添加了一个按钮（mat-fab），如下图所示：
这是问题：当我们滚动到达客户时，应该显示 fab 按钮component，但它对所有组件都是可见的，这意味着 fab 按钮溢出了组件，customer如下图所示：
我认为这是一个CSS问题，我无法弄清楚。
这是stackblitz链接。
推荐指数
解决办法
查看次数
如何仅为角度 6 中的特定组件设置背景图像
我创建了一个名为 login 的新组件，我必须为该组件（login.component.html）设置背景图像，仅适用于该组件。我尝试了堆栈溢出中提供的许多解决方案。但是图像没有设置为全高身体。下面是我的项目文件。
索引.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
</html>
应用程序组件.html
<router-outlet></router-outlet>
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { LoginComponent } from './login/login.component';
@Component({
AppComponent,
LoginComponent
})
imports: [
BrowserModule,
RouterModule.forRoot([
{ path: '', pathMatch: 'full', redirectTo: 'login' },
{ path: 'login', component: LoginComponent },
])
],
providers: [],
bootstrap: …推荐指数
解决办法
查看次数
如何在角度点击时突出显示div
我正在调用div booking-list,我用来显示预订时间.在鼠标悬停时,div的 背景颜色正在变化,如下图所示.
在这里,我的问题是,假设我点击第一个时间(i,9月1日),div的背景将被更改,背景颜色应该是不变的,直到我点击下一个时间.这样的事情如下图像.我得到了资源列表组件,但我无法将其应用于div
这是stackblitz链接.
推荐指数
解决办法
查看次数
在Angle 4中导入字体系列
我已经在（app.component.html）中为登录页面编写了html代码，而在（app.component.css）中是CSS，我想导入/使用Open sans，font-family。我在各个网站上看到不同的答案感到有些困惑。您能提供逐步的过程来使用Angle 4中的Open sans字体家族吗？
推荐指数
解决办法
查看次数
在 mat-grid-list 中设置可调行高
我正在使用mat-grid-list这样的方式定义 3 列 。
HTML
<mat-grid-list [cols]="breakpoint" rowHeight="200px"
(window:resize)="onResize($event)">
<mat-grid-tile>1</mat-grid-tile>
<mat-grid-tile>2</mat-grid-tile>
<mat-grid-tile>3</mat-grid-tile>
</mat-grid-list>
在这里，我将行高设置为 200px（rowHeight="200px"），现在每行的高度与下图所示相同。
但我需要根据其中存在的内容设置行的高度。如下图所示。
我怎样才能做到这一点？这是stackblitz链接。
推荐指数
解决办法
查看次数
在“ mat-menu”按钮下方显示mat-menu项目
我正在使用Menu with iconscomponent.Here单击按钮（i，e菜单）。菜单项（i，e菜单项）显示在按钮上方，如下图所示。
我希望项目（ex注销）显示在菜单按钮下方。我试图给margin和padding属性仍然没有结果。
这是stackblitz链接。
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
无法安装“ cordova-plugin-firebase”：Cordova错误：使用“ requireCordovaModule”加载非cordova
我正在尝试在我的应用程序（ionic V-4）中执行phone authentication使用firebase。创建应用程序后，我只是android/ios使用以下命令添加了平台：
ionic cordova platform add android
ionic cordova platform add ios
然后尝试安装Firebase插件，如下所示：
ionic cordova plugin add cordova-plugin-firebase
它抛出此错误：
我正在开发中的应用程序windows。
推荐指数
解决办法
查看次数
为了避免在重要的日期选择器组件中获取将来的日期
我正在使用重要的日期选择器组件，我想限制日期选择器组件中的未来日期，在浏览时我找到了解决 方案solution1，solution2，但是这些解决方案适合于普通日期选择器。但是我想限制重要的日期选择器。如果可能，请提供此DEMO中的解决方案。
推荐指数
解决办法
查看次数