AngularJs 1.6 组件绑定

Question

使用驼峰式绑定路由 angularjs 组件对我不起作用，我不知道为什么。

这是一个例子

组件

angular.
  module('pdaFile').
  component('pdaFile', {
    templateUrl: 'app/myComponent/myComponent.html',
    bindings:{
        data:"<",
        dataFileId:"@",
        datafileid:"@",
        id:"@"
    },
    controller: ['NgTableParams','UserAuthService',
      function pdaFileController(NgTableParams,UserAuthService) {
        var self=this;

...

self.$onInit = function () {
            console.log(self.dataFileId); // undefined
            console.log(self.id); // OK
            console.log(self.datafileid); //OK

        };


appConfig.js

..

// 路由器

angular.
  module('app')
      .config(['$locationProvider', '$routeProvider',
         function config($locationProvider, $routeProvider) {
     $locationProvider.hashPrefix('!');
     $routeProvider.
when('/pda', {
           template: '<pda-file id="pippo" datafileid="current" data-file-id="current"></pda-file>'})
     .  

..

我无法以任何方式填充绑定参数 dataFileId。它总是未定义的。 我试过了

<pda-file data-file-id="current"></pda-file>'

<pda-file dataFileId="current"></pda-file>'

和其他方式。相反，非驼峰式参数 datafileid 和 id 工作正常。

谁能告诉我为什么？

Answer 1

你试过了吗？

data-file-id="current"

或者

file-id="current"

然后

bindings:{
    fileId:"@",
}