gpt4 book ai didi

angular - 在哪里以及如何导入 MAT_LABEL_GLOBAL_OPTIONS?

转载 作者:行者123 更新时间:2023-12-04 00:31:58 28 4
gpt4 key购买 nike

按照这个例子 Form field with label ,我试图改变 mat-form-field 的行为占位符。有三个选项:auto , alwaysnever .

该功能确实是一个很好的功能,可以根据开发人员想要实现的占位符来使用。

实际上它可以在全局范围内使用,直接传递给 @NgModule应用程序根目录:

@NgModule({
providers: [
{provide: MAT_LABEL_GLOBAL_OPTIONS, useValue: {float: 'always'}}
]
})

并构建如下 View :
<mat-form-field [floatLabel]="never"> // never, auto or always
<input matInput placeholder="Simple placeholder" required>
</mat-form-field>

我的问题是我首先不知道/不知道我可以/应该在哪里导入: MAT_LABEL_GLOBAL_OPTIONS因为它似乎在 @angular/material 中不存在如果我检查这个 GitHub-Repo ,我看到它是从 @angular/material/core 导入的,但它对我不起作用,因为我收到以下错误:
/node_modules/@angular/material/core"' has no exported member 'MAT_LABEL_GLOBAL_OPTIONS'. Did you mean 'MAT_RIPPLE_GLOBAL_OPTIONS'?
这与我正在使用的 Material 和 CLI 版本有关吗?
Angular CLI: 1.5.0
Node: 8.0.0
OS: darwin x64
Angular: 5.0.3
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.0.0-rc.2
@angular/cli: 1.5.0
@angular/material: 5.0.0-rc.2
@angular-devkit/build-optimizer: 0.0.33
@angular-devkit/core: 0.0.21
@angular-devkit/schematics: 0.0.37
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.8.0
@schematics/angular: 0.1.7
typescript: 2.4.2
webpack: 3.8.1

最佳答案

在 Angular 9 中有 changed again :

As of Angular Material version 9, the MAT_LABEL_GLOBAL_OPTIONSinjection token is deprecated. The default floating label behaviorshould be set through the MAT_FORM_FIELD_DEFAULT_OPTIONS token.


因此,当前的方法是添加 { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { floatLabel: 'always' } }到你的模块的 providers 数组。
为此在 Angular 11 中工作
import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';

关于angular - 在哪里以及如何导入 MAT_LABEL_GLOBAL_OPTIONS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49771747/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com