angularjs - 別のページから同じディレクティブを呼び出すことができません

Question

私は各ページで同じディレクティブを持つ必要があるアプリケーションに取り組んでいます。 残念ながら、期待どおりに動作していません。

のは、私はアプリを開き、ID = 1つの負荷とID = 1

でページをページを訪問しましょう、私はディレクティブをクリックして、すべてが期待どおりに動作します。

は今、私はページを変更し、私は前と同じようにID = 2

でページに移動し、ページのロードと私は「ディレクティブ」をクリックしたが何も起こりません。

ここで、ID = 1のページに戻ると、そのページにディレクティブが開きます。

基本的には、新しいページで指示を再描画するにはページを変更するだけで十分だと思いましたが、明らかにそうではありません。

のindex.html：

<my-directive></my-directive> 

directive.coffee：http://codepen.io/anon/pen/Xdqrve?editors=1010

すべてのヘルプ：私はここにペンを作成しました

angular.module('myApp', [ 'ionic' ]).directive 'myDirective', -> 
    { 
    restrict: 'E' 
    scope: 
    mode: '@mode' 
    replace: true 
    templateUrl: 'templates/template.html' 
    } 

？

Answer 1

同様のチェックボックスnameとラベルforの値に問題があります。

あなたはこのようmodeパラメータを変更する必要があります。チェックボックス名&ラベルIDで

<mode-selector mode="1"></mode-selector> <mode-selector mode="2"></mode-selector> <mode-selector mode="3"></mode-selector>

そして追加mode：

<input type="checkbox" href="#" class="menu-open" name="menu-open-{{mode}}" id="menu-open-{{mode}}"/> 
<label class="menu-open-button" for="menu-open-{{mode}}"> 
    <i class="zone-details-current-mode icon-mode-{{mode}}"></i> 
    <span class="hamburger hamburger-1"></span> 
    <span class="hamburger hamburger-2"></span> 
    <span class="hamburger hamburger-3"></span> 
</label>