ディレクティブへの関数の渡し方anglejs 1.5

Question

app.controller('myController', [ 
    '$scope', function ($scope) { 
     $scope.doSum = function(x, y){ 
      console.log(x+y); 
     }; 
    } 
]); 


<cmp data-fn="doSum(x, y)"></cmp> 


app.directive('cmp', function(){ 
    return{ 

     templateUrl: 'ui/cmp.html' 
     , 
     replace: true 
     , 
     scope: { 
      dataFn: '&' 
     } 
     , 
     controller: ['$scope' function($scope){ 

       var v = $scope.dataFn({x: 1, y: 2}); 

       console.log(v); 

      } 
     ] 
    } 
}); 

関数をコントローラからanglejs 1.5のディレクティブに渡そうとしています。すべてのチュートリアルによると、これはその方法です。しかし、私はそれを働かせることはできません。手伝ってくれませんか？関数はまったく渡されず、結果は未定義になります。

Answer 1

問題は、属性内にdata-*という接頭辞があります。非スタンダードのHTML属性を埋め込むために使用されます。

data-fn属性からdata- *接頭辞を削除してください。私は確かに動作します。

私はあなたのためにJsFiddle example作った...

W3Schools data-* attr