6

Ich versuche, angular-UI-Router zu laufen, um meine Ansichten zu handhaben, aber ich habe ein Problem. Die zwei Links der folgenden Ansicht sind nicht anklickbar. Angular Change Variable mit Link-Label, aber ich kann nicht klicken.Angular Ui-Router: Links sind nicht anklickbar

Ich habe diese Ansicht:

<!DOCTYPE html> 
<html ng-app="MyApp"> 
    <head> 
      <meta charset="utf-8"> 
    </head> 
    <body> 
     <h1>App</h1> 
     <nav> 
      <a ui-shref="app">{{link.home}}</a> 
      <a ui-shref="app.front.signin">{{link.signin}}</a> 
     </nav> 
     <div ui-view="content"> 
     </div> 
    </body> 
</html>  

ich diesen Code verwenden. Es gibt keine Fehler zurück. Alle Module (localStorage ... sind enthalten), aber Links sind nicht anklickbar.

/** 
* Declaration of MyAppControllers module 
*/ 
MyAppControllers = angular.module('MyAppControllers',[]); 
/** 
* Declaration of MyApp Application 
*/ 
MyApp = angular.module('MyApp', ['MyAppControllers','LocalStorageModule','ui.router']); 


MyApp.config(['$stateProvider', '$urlRouterProvider', 
function ($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise("/"); 
    // 
    // Now set up the states 
    $stateProvider 
      .state('app', { 
       url: "/", 
       views: { 
        "content": {templateUrl: "views/front/home-1.0.html"} 
       } 
      }) 
      .state('app.front.signin', { 
       url: "/signin", 
       views: { 
        "content": {templateUrl: "views/front/home-1.0.html", controller: "signinCtrl"} 
       } 
      }); 

    } 
]); 

Kann mir jemand helfen?

Antwort

5

Sie messed in Art bis es ui-sref statt ui-shref

<body> 
    <h1>App</h1> 
    <nav> 
     <a ui-sref="app">{{link.home}}</a> 
     <a ui-sref="app.front.signin">{{link.signin}}</a> 
    </nav> 
    <div ui-view="content"> 
    </div> 
</body> 

Ihre zweite Link app.signin statt sein sollte app.front.signin weil Sie haben keine Eltern Route front

.state('app.signin', { 
    url: "/signin", 
    views: { 
     "content": { 
      templateUrl: "views/front/home-1.0.html", 
      controller: "signinCtrl" 
     } 
    } 
}); 
+0

Gut, dank sein sollte , Es ist in Ordnung. –