angularjs - dieselbe Anweisung kann nicht von verschiedenen Seiten aufgerufen werden

Question

Ich arbeite an einer App, die auf jeder Seite dieselbe Anweisung haben muss. Leider funktioniert es nicht wie erwartet.

Lassen Sie uns sagen, dass ich die App und Besuch Seite mit ID öffnen = 1

Die Seite mit ID = 1 Lasten, ich auf die Richtlinie klicken, und alles funktioniert wie erwartet.

Nun, ich ändern Seite und ich gehe zu Seite mit ID = 2

Wie zuvor die Seite geladen wird und ich auf ‚Richtlinie‘ aber nichts passiert.

Wenn ich jetzt zurück zur Seite mit ID = 1 gehe, wird die Direktive auf dieser Seite geöffnet.

Grundsätzlich dachte ich, dass das Wechseln der Seite genug war, damit die Anweisung auf der neuen Seite neu gerendert werden konnte, aber anscheinend nicht.

index.html:

<my-directive></my-directive> 

directive.coffee:

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

ich einen Stift hier erstellt haben: http://codepen.io/anon/pen/Xdqrve?editors=1010

Jede Hilfe?

Answer 1

Sie Problem mit ähnlichen Kontrollkästchen name und Label for Werte.

Sie haben mode Parameter wie folgt zu ändern:

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

und hängen mode bei Checkbox & label id Name:

<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>