2017-09-20 54 views
-1

Angular是否帶有任何工具來完成此操作?以編程方式將變量插入HTML字符串

var html = `<div>{{name}}</div>`; 
var data = {name: "wayne"}; 
???? 
var result = `<div>wayne</div>`; 
+0

不幸的是,這裏沒有足夠的信息來正確回答你的問題。你想完成什麼_exactly_?你所要做的似乎是非常基本的Angular功能,但我認爲你讓它變得不必要的複雜。您可以通過Google的快速搜索來獲得有關Angular數據綁定的信息,從而解決您的問題。或者,如果您想在運行時動態地將HTML添加到組件模板,則可以使用[Sanitizer](https://angular.io/api/core/Sanitizer)。 – Targaryen

回答

0

如果你是在問這樣的替換嗎?不是真的。

角做什麼叫做綁定:

你有一個模型,然後你有你的變量綁定到模型,然後,如果模型的變化,價值觀念的約束也隨之發生改變。

你可以嘗試幾乎任何AngularJS Tutorial自己嘗試。

0

你可以嚴格使用打字稿和[innerHTML]

你的模板將<div [innerHTML]="setName()"></div>

在您的打字稿,你會創建一個函數,返回你想裏面有什麼:

data = { name: 'Wayne' } 

setName: string() { 
    return this.data.name; 
} 

對於它如何工作的一個演示退房this plunker

+0

你的答案很混亂。 TypeScript是JavaScript的超集。此外,'[innerHTML]'特性是Angular的一部分,而不是TypeScript。 HTML中沒有TypeScript。 – Targaryen

+0

@Targaryen我加了'和innerHTML'。答案包括一個工作的笨蛋,所以我不知道這是多麼令人困惑。它完全符合要求的內容。它以編程方式將數據插入到html字符串中。我添加了innerHTML以顯示如何在DOM中顯示此內容。 –