AngularJS组件模式绑定是否具有特定的命名格式？

我正在学习angularJS中的组件模式。我试图在组件模式中使用绑定。我使用的绑定名是firstName。但问题是它没有约束力。当我用像abc这样的任何东西来替换firstName时，它工作得很好。谁能说是什么导致了这个问题

组件代码如下所示：

（函数（）{
角度.module（'mainModule'）。组件（'heroList'{
模板：“Hello from component{{$ctrl.firstName}
”，
//控制器：“HeroListController”，
绑定：{
名字：'='
}
})
}());绑定使用与组件名称相同的camelCase符号，例如，它们使用破折号分隔。因此，要使用
firstName
绑定，可以将其用作：

<hero-list first-name="vm.firstName"><hero-list>