【问题标题】:how to use "MAT_AUTOCOMPLETE_DEFAULT_OPTIONS" injection token in angular material如何在角度材料中使用“MAT_AUTOCOMPLETE_DEFAULT_OPTIONS”注入令牌
【发布时间】:2020-12-03 19:14:09
【问题描述】:

我如何使用“MAT_AUTOCOMPLETE_DEFAULT_OPTIONS”注入令牌来全局配置面板的第一个元素是否为角度材料中的自动完成组件突出显示 [https://material.angular.io/components/autocomplete/api#MatAutocomplete][1]

【问题讨论】:

    标签: angular dependency-injection autocomplete angular-material provider


    【解决方案1】:

    根据该文档,它只有一个此选项 - 所以只需在您需要此选项的地方提供您的模块即可。

    providers: [
      {provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, useValue: {autoActiveFirstOption: true}}
    ]
    

    【讨论】:

    • 首先为什么要使用属性“useValue”?其次,当我将它添加到模块中时,“MAT_AUTOCOMPLETE_DEFAULT_OPTIONS”是未知的
    • 因为你提供了一个价值,很明显。出于某种原因,文档中有一个名为“基础”的章节 - angular.io/guide/…
    • > "MAT_AUTOCOMPLETE_DEFAULT_OPTIONS" 未知所以可能需要导入它?
    • 嗨@itspers,我添加了提供者属性,就像你建议的providers: [ {provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, useValue: {autoActiveFirstOption: true}} ] 然后我声明了属性prop:boolean|undifined; 然后我像这样constructor(@Inject(MAT_AUTOCOMPLETE_DEFAULT_OPTIONS) dauk:MatAutocompleteDefaultOptions){ this.prop.dauk.autoActiveFirstOption } 将令牌注入到构造函数中,我绑定了autoActiveFirstOption 属性以这种方式到道具属性[autoActiveFirstOption]="prop" 好吗?如果是这样,使用 injectiontoken 有什么意义?
    猜你喜欢
    • 1970-01-01
    • 2019-03-08
    • 2019-02-04
    • 1970-01-01
    • 1970-01-01
    • 2019-05-07
    • 2018-11-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多