时间戳

首页 > 解决方案 > Angular8 i18n for placeholderLabel 文本

angular-material2 - Angular8 i18n for placeholderLabel 文本

问题描述

如何在 ngx-mat-select-search palceholderLabel 中添加 i18n

       <div class="form-group col-md-6 mb-lg-5 mb-4">
              <mat-form-field class="example-full-width w-100">
                <mat-select (selectionChange)='vehicle_maker_updated($event)' formControlName="vehicleMakerValue" placeholder="Motor Make" i18n-placeholder>
                  <mat-option>
                    <ngx-mat-select-search formControlName="vehicleMakerFilterInputValue" placeholder="Select Motor Maker" [noEntriesFoundLabel]="'No matching vehicle makers found'" (ngModelChange)='filter_vehicle_makers($event)' i18n-placeholder></ngx-mat-select-search>
                  </mat-option>
                  <mat-option *ngFor="let vehicle_maker_option of filtered_vehicle_maker_options" [value]="vehicle_maker_option.id">
                    {{vehicle_maker_option.name}}
                  </mat-option>
                </mat-select>
                <mat-error *ngIf="vehicleMakerValue.hasError('required')" i18n>
                  Select motor make
                </mat-error>
              </mat-form-field>                 
          </div>

我已经添加了 i18n-placeholder 但它不起作用

标签： angular-material2angular8

解决方案

您需要使用该placeholderLabel属性（请参阅https://github.com/bithost-gmbh/ngx-mat-select-search#inputs）

<ngx-mat-select-search 
formControlName="vehicleMakerFilterInputValue" 
placeholderLabel="Select Motor Maker" 
[noEntriesFoundLabel]="'No matching vehicle makers found'" 
(ngModelChange)='filter_vehicle_makers($event)' 
i18n-placeholderLabel>
</ngx-mat-select-search>

placeholderLabel和i18n-placeholderLabel属性相关的地方

推荐阅读