Как использовать переводчик на HTML-страницу в angular 6?

Question

У меня есть версии npm.

"@ngx-translate/core": "^9.1.1",
"@ngx-translate/http-loader": "0.1.0",

app.component.ts

constructor(translate: TranslateService) {    
  translate.addLangs(['en', 'fr']);
  translate.setDefaultLang('en');    
  translate.setTranslation('en',{
    CURRENCY: '{{Rs.}}'                           <---------------- I have add in data in main file
  });
  const browserLang: string = translate.getBrowserLang();
  translate.use(browserLang.match(/en|fr/) ? browserLang : 'en');
}

page.component.ts

import {TranslateService} from '@ngx-translate/core';
    constructor(translate: TranslateService){
}

page.component.html

<td>Rs.{{ tableData.amount }}</td>         <--------------Hear I want to use the pipe. 

Мне нужно использовать трубу для currency.

Пробовал

<td><div [innerHTML]="'CURRENCY' | translate"></div>{{ tableData.amount }}</td>