Angular 2相当于$ interpolate

是否存在与Angular 1的$ interpolate相当的Angular 2？我想要一个字符串和一个对象，并能够用对象中的值替换字符串中的标记。

例如：

let myTemplateStr = "Hello {{user.name}}, you are {{user.age.years}} years old" 

//use the Angular2 equivalent of interpolate 
let myTemplateCompiled = Angular2.Interpolate(myTemplateStr, { 
    user: { 
     name: "bob", 
     age: { 
      years: 10 
     } 
    }}) 
//myTemplateCompiled ends up becoming "Hello bob, you are 10 years old"

我可以写的东西会为我做到这一点，但我更愿意使用一个内置的角度的方式，如果可能的。

编辑：

我应该提到的是，插值需要能够与字符串变量发生。我知道typescript/es6对文字字符串有反向插值，但是我需要插入存储在变量中的字符串模板。也许有一种方法可以在我不知道的变量中使用为插入字符串模板插入内置的typescript？

来源

2017-02-17 tt9

角2不具有此内置功能，但你可以建立一个，如本文中：

http://weblogs.thinktecture.com/pawel/2016/04/angular-2-interpolation-service.html

打字稿确实有这个功能，所以你可以，如果你使用它使用打字稿，以建立自己的角2的应用程序：

https://basarat.gitbooks.io/typescript/content/docs/template-strings.html

来源

2017-02-17 20:47:42 chrispy

在打字稿，您可以使用模板字符串做插值。模板字符串通过反标记环绕，值由${}语句环绕。这里是你提供的字符串的一个例子：

let user: { 
    name: "bob", 
    age: { 
     years: 10 
    } 
}; 
let myTemplateCompiled = `Hello ${user.name}, you are ${user.age.years} years old`; 
//myTemplateCompiled ends up becoming "Hello bob, you are 10 years old"

来源

2017-02-17 20:48:07

嗨，感谢您的回答，我忘了提，我需要插值从发生变量。我现在添加了一个编辑解释。也许有一种方法可以使用变量进行打字稿插值？ – tt9

上的类似问题进行comment向我指出Lodash库，它是template功能。

添加Lodash到您的项目：

$ npm install --save lodash 
$ npm install --save @types/lodash

然后，在你的.ts文件：

import * as _ from "lodash"; 

let myTemplateStr = "Hello {{user.name}}, you are {{user.age.years}} years old"; 

let myVariables = { 
    user: { 
     name: "bob", 
     age: { 
      years: 10 
     } 
    } 
} 

// use custom delimiter {{ }} 
_.templateSettings.interpolate = /{{([\s\S]+?)}}/g; 

// interpolate 
let compiled = _.template(myTemplateStr); 
let myTemplateCompiled = compiled(myVariables);

来源

2017-07-24 14:11:25 evo

Angular 2相当于$ interpolate

回答

相关问题