组件不接受驼峰命名

Question

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

Answer 1

当您绑定到驼峰式属性时，您必须在通过属性设置它时使用破折号。例如：

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

组件不接受驼峰命名

Component not accepting camelCase names

angularjs

angularjs-components