我的模型从服务器返回编码值。该模型包含“enc_res_name”,它是HTMLEncoded以显示在元素内部,“encattr_res_name”是属性编码以设置为元素的属性。
我面临的问题是HTMLEncoded值在元素中正确显示。但是使用“bind-attr”设置的title属性无法正确呈现。编码值在标题中显示为。
模板:
<ul>
{{#each item in model}}
<li>
<a {{bind-attr title=item.encattr_res_name}}>
{{{item.enc_res_name}}}
</a>
</li>
{{/each}}
</ul>
路线:
App.IndexRoute = Ember.Route.extend({
model: function() {
return [{'enc_res_name':'<div onmouseover="alert(document.cookie);">haii</div>','encattr_res_name':'<div onmouseover="alert(document.cookie);">haii</div>'}];
}
});
将编码值设置为标题的一种解决方案是使用三重花括号和未绑定。但是有一个选项可以重命名我需要更新title属性的值。
所以我不确定如何设置title属性以将编码值渲染为人类可读。
JSBin Link