组件不接受驼峰案例名称

时间:2019-03-19 13:51:18

标签: angularjs angularjs-components

我的问题在于我试图创建一个导航栏组件,必须将某些数据从主页共享到该组件,并且花了几个小时研究如何使用组件,但我找不到任何地方可以解释为什么我不能使用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:"@"
  }

1 个答案:

答案 0 :(得分:3)

当绑定到驼峰式属性时,通过属性设置时必须使用破折号。例如:

<navbar-component theme="newux" 
                  class="screenOnly" 
                  title='projData' 
                  title-id='vm.titleData' 
                  data='{{vm.project.id}}'>
</navbar-component>