Ui-router angolare: i collegamenti non sono selezionabili

Cerco di eseguire angular-ui-router per gestire le visualizzazioni ma ho un problema. I due collegamenti della seguente vista non sono selezionabili. Variabile angolare variabile con etichetta di collegamento ma non riesco a fare clic su.Ui-router angolare: i collegamenti non sono selezionabili

ho questa visione:

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

Io uso questo codice. Non restituisce errori . Tutti i moduli (localStorage ... sono inclusi) ma i collegamenti non sono selezionabili.

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

    } 
]);

Qualcuno può aiutarmi?

fonte

2015-05-01 Nicolas Blaudez

incasinato nel tipo dovrebbe essere ui-sref invece di 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>

vostro secondo link dovrebbe essere app.signin invece di app.front.signin perché non si dispone di percorso genitore front

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

fonte

2015-05-01 08:16:59

Bene, grazie , va bene. –

Ui-router angolare: i collegamenti non sono selezionabili

risposta

Problemi correlati