Angular是否帶有任何工具來完成此操作?以編程方式將變量插入HTML字符串
var html = `<div>{{name}}</div>`;
var data = {name: "wayne"};
????
var result = `<div>wayne</div>`;
Angular是否帶有任何工具來完成此操作?以編程方式將變量插入HTML字符串
var html = `<div>{{name}}</div>`;
var data = {name: "wayne"};
????
var result = `<div>wayne</div>`;
如果你是在問這樣的替換嗎?不是真的。
角做什麼叫做綁定:
你有一個模型,然後你有你的變量綁定到模型,然後,如果模型的變化,價值觀念的約束也隨之發生改變。
你可以嘗試幾乎任何AngularJS Tutorial自己嘗試。
你可以嚴格使用打字稿和[innerHTML]
!
你的模板將<div [innerHTML]="setName()"></div>
在您的打字稿,你會創建一個函數,返回你想裏面有什麼:
data = { name: 'Wayne' }
setName: string() {
return this.data.name;
}
對於它如何工作的一個演示退房this plunker。
你的答案很混亂。 TypeScript是JavaScript的超集。此外,'[innerHTML]'特性是Angular的一部分,而不是TypeScript。 HTML中沒有TypeScript。 – Targaryen
@Targaryen我加了'和innerHTML'。答案包括一個工作的笨蛋,所以我不知道這是多麼令人困惑。它完全符合要求的內容。它以編程方式將數據插入到html字符串中。我添加了innerHTML以顯示如何在DOM中顯示此內容。 –
不幸的是,這裏沒有足夠的信息來正確回答你的問題。你想完成什麼_exactly_?你所要做的似乎是非常基本的Angular功能,但我認爲你讓它變得不必要的複雜。您可以通過Google的快速搜索來獲得有關Angular數據綁定的信息,從而解決您的問題。或者,如果您想在運行時動態地將HTML添加到組件模板,則可以使用[Sanitizer](https://angular.io/api/core/Sanitizer)。 – Targaryen