Ui-enrutador angular: no se puede hacer clic en los enlaces

Intento ejecutar angular-ui-router para manejar mis vistas, pero tengo un problema. No se puede hacer clic en los dos enlaces de la siguiente vista. Variable de cambio angular con label de enlace, pero no puedo hacer clic en.

Tengo esta vista:

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

Yo uso este código No devuelve errores. Todos los modules (localStorage … están incluidos) pero no se puede hacer clic en los enlaces.

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

Alguien me puede ayudar ?

Te equivocaste en el tipo que debería ser ui-sref lugar de 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> 

Su segundo enlace debe ser app.signin lugar de app.front.signin porque no tiene front ruta padre

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