我可以在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.