Javascript 角JS组件绑定

我有以下内容：

(function () {
    "use strict";
    angular.module("application_module")
        .component('tab', {
            controller: 'TabCtrl',
            templateUrl: 'app/component/application/app-header/tab/tab.html',
            bindings: {
                'pageName': '<',
                'pageNo': '<'
            }
        });
})();

bindings: {
    'pagename': '@',
    'pageno': '@'
}

我尝试从以下代码中使用它：

<tab pageName="EmployeeInfo" pageNo="page1"></tab>

---

在呈现页面的最终html中，我没有看到

pageName

和

pageNo

。怎么了？

问题出在camelCase上，我们使用了lowcase：

<tab pagename="EmployeeInfo" pageno="page1"></tab> 

---

现在一切正常

问题在于camelCase，我们使用了lowcase：

<tab pagename="EmployeeInfo" pageno="page1"></tab> 

---

现在一切正常

需要将绑定属性名称转换为使用连字符和小写字符。以你为例：

---

您需要将绑定属性名称转换为使用连字符和小写字符。以你为例：

bindings: {
    'pagename': '@',
    'pageno': '@'
}