EmberJs:组件模板
EmberJs:组件模板
提问于 2012-12-26 15:02:30
我尝试从http://www.eyecon.ro/bootstrap-colorpicker/包装一个colorPicker组件
我需要用视图的"value“属性填充模板的"background-color css attribute”...我已经尝试设置{{value}}，但它不起作用...
有什么建议吗？
JavaScript：
App.ColorPicker = Em.View.extend({
classNames: 'input-append color',
attributeBindings: ['name', 'value'],
value: '',
template: Ember.Handlebars.compile('{{view Ember.TextField valueBinding="this.value"}}<span class="add-on"><i style="background-color: {{value}}"></i></span>'),
didInsertElement: function() {
$('#backgroundColor').colorpicker({format: "rgb"});
}
})
;html：
{{view App.ColorPicker placeholder="Background color" name="backgroundColor" valueBinding="App.controller" classNames="input-large" id="backgroundColor"}}回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-27 10:30:39
您需要查看{{bindAttr}}帮助器。在here上有一篇古老但很好的帖子
基本上，您不能简单地将绑定值放到HTML标记中，因为它会插入包装器脚本标记并破坏所有内容。
你要找的是：
App.ColorPicker = Em.View.extend({
classNames: 'input-append color',
attributeBindings: ['name', 'value'],
value: '',
template: Ember.Handlebars.compile('{{view Ember.TextField valueBinding="this.value"}}<span class="add-on"><i {{bindAttr style="view.iStyle"}}></i></span>'),
iStyle: function() {
return "background-color:" + this.get('value');
}.property('value'),
didInsertElement: function() {
$('#backgroundColor').colorpicker({format: "rgb"});
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14042322
复制相关文章
相似问题
EmberJS 1.13.3 /组件/块模板/访问组件属性
如何在emberjs组件中重新分配模板？
EmberJS模板组件突然无法在页面上呈现
EmberJS表组件
Emberjs-模板中父组件到子组件的传递引用
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
