我的问题在于我试图创建一个导航栏组件,必须将某些数据从主页共享到该组件,并且花了几个小时研究如何使用组件,但我找不到任何地方可以解释为什么我不能使用camelCase变量名来绑定数据。
任何人都可以指向我向我解释这个资源,或者更好的是,有没有一种方法可以使用camelCase绑定数据,这将使我的代码更易于团队阅读;可以给我更多种类的名称数据。
示例代码: HTML
<navbar-component theme="newux" class="screenOnly" title='projData'
titleId='vm.titleData' data='{{vm.project.id}}'>
</navbar-component>
组件
bindings: {
theme: "@",
title:"@",
titleId:"<",
data:"@"
}
答案 0 :(得分:3)
当绑定到驼峰式属性时,通过属性设置时必须使用破折号。例如:
<navbar-component theme="newux"
class="screenOnly"
title='projData'
title-id='vm.titleData'
data='{{vm.project.id}}'>
</navbar-component>