6

Próbuję uruchomić kątowy-ui-router, aby obsłużyć moje widoki, ale mam problem. Dwa łącza tego widoku nie są klikalne. Zmienna zmiany kątowej z etykietą łącza, ale nie można kliknąć.Angular ui-router: Linki nie są klikalne

mam ten widok:

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

używam tego kodu. Nie zwraca błędów . Wszystkie moduły (localStorage ... są uwzględniane), ale nie można klikać odnośników.

/** 
* 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"} 
       } 
      }); 

    } 
]); 

Czy ktoś może mi pomóc?

Odpowiedz

5

Ty pomieszane typu powinno być ui-sref zamiast 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> 

Twój drugi link powinien być app.signin zamiast app.front.signin bo nie masz trasy rodzic front

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

dobry, dzięki , w porządku. –