我可以在Angular控制器中使用插值（不只是在HTML中）嗎？

Question

我有以下HTML：

<i class="icon-copy" data-clipboard data-clipboard-text="{{codeSnippet}}" data-title="Click to copy the code to your clipboard" data-placement="top"></i> 
<textarea class="code-snippet" ng-model="codeSnippet" readonly onclick="this.focus();this.select()">&lt;script src="{{scriptURL}}"&gt;&lt;/script&gt;&lt;button class="main-button" style="background-color:{{button.color || branding.color}};border-radius:{{button.skin.radius || '0'}};display:none;" data-id="{{product.id}}" data-key="{{key}}" data-color="{{button.color || branding.color}}"&gt;{{button.label || 'Click Here'}}&lt;/button&gt;</textarea> 

這需要一些值用戶輸入並建立一個腳本，用戶可以在自己的網站上嵌入（例如，按鈕顏色，按鈕標籤，按鈕的造型，等等） 。插值對此非常方便。

但是，我需要訪問此插值字符串以便data-clipboard-text可用，以便我可以將其複製到剪貼板。嘗試使用ng-model綁定代碼片段的當前方式不起作用。

我不願意在控制器中使用普通的舊式JavaScript連接建立腳本標記，所以我想知道是否有方法使用插值來構建該字符串並將其添加到範圍。

我看着$ interpolate，但我不確定這是否正是我所需要的。 $是否插入句柄條件（如{{button.label ||'Click Here'}}）？

$ compile也看起來像它可能在這裏相關，但我不知道如何把它放在一起（對Angular是新鮮的）。

希望這可以成爲一種感覺。感謝您的任何建議！

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.