ディレクティブスコープの属性が属性名に応じて壊れます

Question

ディレクティブと分離スコープで非常に奇妙な現象が発生します。スコープ内の属性は、属性の名前に応じて機能するか動作しません。私が使用している場合

{check:'@check'} 

それはうまく動作し、期待どおりに動作します。しかし、私が使用する場合：

{checkN:'@checkN'} 

定義された関数は決して割り当てられません。

HTML：：

<item ng-repeat="list_item in model.list" model="list_item" checkN="checkName()" check="checkName()" position="$index"></item>' 

Javascriptを

app.directive('item', function(){ 
    return { 
     restrict: 'E', 
     replace : false, 
     scope:{ 
       $index: '=position', 
       check: '&check', 
       checkN: '&checkN', 
       model:'=' 
     },   
     template: '', 
     link: function(scope, element, attrs){ 
     console.log(scope.check()) 
     console.log(scope.checkN())   
     } 
    } 
}); 

コンソールその後、私に次のようになります：

The checkName function has been called [which is the return string of the function] 
undefined 

それは本当にあるの例は次のようになります可能性それは大文字の使用法に依存していますか？これは非常に「予期しない」動作になります。あなたの助け

schackiため

おかげで

Answer 1

HTMLは、ブラウザによって互いに区別できないだろう、そのためmyAttributeとmyattribute大文字と小文字を区別しません。 Angularjsの作者は、htmlからjavascriptに、またその逆を指示の観点から渡すことについて設計上の決定を下しました。

ngRepeat指示はビュー（html）にng-repeatとして使用されます。 同様に、ディレクティブcheckNは、ディレクティブとしてそれを認識するためにcheck-nとして使用する必要があります。