角度和ngx-translate标签问题

Question

我使用这个student.component.ts来构建表输出

var html = ......

html +='<li><a class="fanta" data-element-id="' + student.Id + '">Set as Draft</a></li>';
return html;

Ngx-translate采用这样的语法{{ 'Set as Draft‘| translate }}想知道如何添加？

我在angular changeprofile.component.html中也有这个

<sa-big-breadcrumbs [items]="['Profile', 'Change Password']" icon="star" class="styling"></sa-big-breadcrumbs>

想知道如何添加{{ 'Profile‘| translate }}和{{ 'Change Password’| translate }}？

Answer 1

如果您通过代码(var HTML ...)制作html标记，一种方法是在代码中使用translate管道，如下所示：

import { TranslatePipe} from '@ngx-translate/core';


    class YourService {
    
      constructor( private translatPipe: TranslatePipe) {}
    
      YourFunction(value) {
        this.translatPipe.transform(value, 'pipeFilter'); // i.e.

      }
    }

Answer 2

并不强制要求您必须始终使用双向数据绑定。

在你在问题中解释的两种情况下，我们都可以使用属性减速的方法来解决它

示例：

在您的情况下，它将类似于