HTMLからパラメータを取得しない角ディレクティブ？

Question

サイトのさまざまなセクションで使用できるようにしようとしているナビゲーション指示があります。次のように

マイディレクティブのコードがある：

var directives = angular.module('directives', []); 

directives.directive('nav', function() { 
    return { 
    restrict: "E", 
    scope: { 
     whereTo: '@' 
    }, 
    templateUrl: "partials/_nav.html" 
    } 
}); 

<div class="nav"> 
    <header> 
    <div class="image-div small"> 
     <img src="assets/images/logo.jpg" alt="temp logo"> 
    </div> 
    <ul> 
     <li class="home" ui-sref-active="active"><a ui-sref="{{whereTo}}-home">Panel</a></li> 
     <li class="profile" ui-sref-active="active"><a ui-sref="{{nav.whereTo}}-profile">Profile</a></li> 
     <li class="search" ui-sref-active="active"><a ui-sref="{{whereTo}}-stats">Stats</a></li> 
    </ul> 
    </header> 
</div> 

を次のように_nav.htmlがあると私は、ようにHTMLから

<nav whereTo="admin"></nav> 

それを呼び出していますプログラムが実行されているときに "admin"パラメータがディレクティブに表示されず、理由を特定できません。

Answer 1

角型文書の正規化セクション（https://docs.angularjs.org/guide/directive）を読んでください。

"AngularJSは要素のタグと属性名を正規化して、どの要素がどのディレクティブと一致するかを判断しますが、大文字と小文字を区別するcamelCaseの正規化された名前（例：ngModel）でディレクティブを参照します。通常、DOM要素のダッシュで区切られた属性（例：ng-model）を使用して、小文字の形式でDOM内のディレクティブに適用されます。

whereToの代わりにwhere-toをdomに使用する必要があります。

https://plnkr.co/edit/LKskSKTb1fmofDWRixQO

：

は添付plunkerを参照してください。