AngularJs 1.6コンポーネントBIndings

Question

camelcaseバインディングでangularjsコンポーネントをルーティングすることはできません。理由はわかりません。

は、ここで私はどのような方法で結合のparam dataFileIdを埋めることができないんだけど例

コンポーネント

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>'}) 
    . 

..

です。それは常に未定義です。 私は試しました

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

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

と他の方法です。代わりに非camelcaseのparam datafileidとidは完全に機能します。

誰かが私にその理由を教えてもらえますか？

Answer 1

試しましたか？

data-file-id="current" 

それとも

file-id="current" 

その後

bindings:{ 
    fileId:"@", 
}