AngularJS Ansicht ändern in ng-view vom controller

Habe ich eine JavaScript-web-app, wo ich verwendet AngularJS auf einfache Dinge, aber jetzt stieß ich auf ein kleines problem.

Möchte ich ändern viewfrom ein ng-controller. Ich benutze $Speicherort.Weg, dies zu tun, ist aber leider nichts passiert. Wenn ich die $location-Objekt, der Pfad wird korrekt geändert, aber die Ansicht ändert sich nicht.

Habe ich eine ng-view in mein Home.html. Das ist die config, die ich schrieb für Sie: 

<html ng-app="app">
   ...
   <body>
      <div id="navigation-menu" ng-controller="NavigatorController">
          <a class="menulink" ng-class="{ active: isActive('/labels')}" href="#page2">Page2</a>
          <a class="menulink" ng-class="{ active: isActive('/labels')}" href="#page3">Page3</a>
      </div>

      <div ng-view></div>
   </body>
</html>

Dies ist die config, die ich für den $routeProvider, die funktioniert einwandfrei, wenn in der menusystem

myApp.config(function ($routeProvider) {
$routeProvider
    .when('/', {
        templateUrl: 'Page1.html',
        controller: 'Page1Controller'
    })
    .when('/page2', {
        templateUrl: 'Page2.html',
        controller: 'Page2Controller'
    })
    .when('/page3', {
        templateUrl: 'Page3.html',
        controller: 'Page3Controller'
    });
});

Beim öffnen der app, die ich zeigen will das Page1.html in der ng-view, so dass beginnend mit dem '/' der url-Sache, denke ich.

Das problem ist, dass von jedem anderen controller, ich will in der Lage sein, um wieder auf die Page1.html.

Ich habe versucht, ein Ereignis in jedem anderen controller, wie diese: 

$scope.NavigateBack = function() {
    $location.path('/');
}

Funktioniert es nicht, leider. Ich bekomme keine Fehlermeldungen, aber... ich versuchte es mit verschiedenen Adressen in den Pfad, z.B. "/Seite2", aber nichts funktionierte.

Was mache ich falsch, dass die Sicht ändert sich nicht und die Seite nicht navigieren?

  • sollte funktionieren. Sollten, wie Sie Sie nennen NavigateBack im Blick. Hast du vergessen, zu verwenden () oder Tippfehler in der Rechtschreibung ist es?
InformationsquelleAutor Laureant | 2015-10-02
  1. 1

    Empfehle ich die Verwendung 

    $window.location = "#/"

    aber don ' T vergessen, um zu injizieren, $Fenster, um Ihre controller

    InformationsquelleAutor Saeid Doroudi
  2. 0

    Definieren Verhalten in der Page2Controller zum Beispiel:

    $scope.goBack = function(){
        $location.path("#/");
    }

    Und fügen Sie eine Schaltfläche innerhalb der Page2.html:

    <button ng-click="goBack()">Return</button>

    Möglicherweise müssen Sie auch ändern Sie Ihre Navigations-links href Attribut #/page2 und #/page3

    InformationsquelleAutor ZenDD
Schreibe einen Kommentar