Компонент не принимает имена CamelCase

Question

Моя проблема здесь заключается в том, что я пытаюсь создать компонент navbar, некоторые данные должны быть переданы с главной страницы на компонент, и, потратив несколько часов на изучение того, как использовать компоненты, я не могу найти нигде, который мог бы объяснить, почему я не могу использовать имена переменных 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

Если у вас есть привязка к свойству на верблюде, вы должны использовать тире при установке его через атрибут. e.g.:

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