Question

我有两个组件：Appcomponent和LabelComponent 需要根据语言json文件设置翻译值

label.component.html：

<ng-container *ngIf="!hideItem">
  <label [ngClass]="class">
    <ng-container *ngIf="hyperlink; else noLink">
       <a [routerLink]="url">{{labelValue}}</a>
    </ng-container>
  <ng-template #noLink>
    {{labelValue}}
  </ng-template>
  </label>
  </ng-container>

app.component.html：

<div class="row ">
  <div class="col-xl-2">

    <a-label [labelValue]="'lbl_status' | translate"></a-label>
  </div>
  <div class="col-xl-4">
     <a-drop-down [placeholder]="''" name="status" [dataReader]="'status'" [fieldLabel]="''" 
    [httpUrl]="'dropdown' |  translate" [httpMethod]="'get'" 
    [displayField]="'value'" [valueField]="'code'" [width]="'150px'" [defaultValue]="'new'" >
     </a-drop-down>
</div>
</div>

翻译'lbl_status'的值翻译显示在网页中但没有与[labelValue]绑定，所以我无法获得label.componen.ts中的值 @Input（）labelValue：string;

与'dropdown'|的值相同翻译也没有设置为[httpUrl]。我不知道这是懒加载还是

Answer 1

在组件中包含ngOnChanges（）{}方法，并添加与ngOnInit（）{}

相同的行

如何使用ngx-translate将翻译后的数据设置为另一个组件的值

1 个答案: