AngularJS $在Angular2 +中插值

Question

在Angular2 +中是否有与AngularJS $插入相似的内容？

我想实现这个（在JS / TS代码中）但是使用Angular2 +：

修改

  

要实现的主要目标是在没有的情况下插入字符串   在字符串中使用的变换管的知识   内插。

JS

var myApp = angular.module('myApp',[]);

myApp.controller('myCtrl', myCtrl);

var JsonTranslation = { 
  "txt1": "Cash {{ value | currency: 'USD'}}",
  "txt2": "Number {{ value | number: 3}}"
};

function myCtrl($scope, $interpolate) {
  $scope.txt1 = $interpolate(JsonTranslation.txt1)({value: 50000});
  $scope.txt2 = $interpolate(JsonTranslation.txt2)({value: 50000.123456});
}

HTML

<div ng-controller="myCtrl">
  <div>{{txt1}}</div>  <!-- Cash USD50,000.00 -->
  <div>{{txt2}}</div>  <!-- Number 50,000.123 -->
</div>

工作jsfiddle http://jsfiddle.net/3nf7cza4/

Answer 1

是：

`Cash ${this.currency.transform(value, 'USD')}`

this.currency是您要使用的注入管道，transform是管道中用于转换您的值的函数。

我认为currency是一个有角度的管道（不管是否记得），所以你只需要注入它：

import {CurrencyPipe} from '@angular/core';

constructor(private currency: CurrencyPipe) {}