Question

我是Angular的新人，我一直关注this tutorial。一切都很顺利，直到我到达Angular Routing应该发生的那一部分。我找不到错误。如果有人能给我一个很棒的手！这是plunker。

这是应用（app3.js）：

var app = angular.module('futbol', ['ui.router'])        
    app.factory('jugadores', [function(){
      var o = {
        jugadores: []
        /*jugadores: [
          {nombre: 'Hernan', goles: 5},
          {nombre: 'Ricardo', goles: 2},
          {nombre: 'Tiago', goles: 15},
          {nombre: 'Marcelo', goles: 9},
          {nombre: 'German', goles: 4}
        ];*/
      };
      return o;
    }])
    app.controller('MainCtrl', [
    '$scope',
    'jugadores',
    function($scope,jugadores){
        $scope.jugadores = jugadores.jugadores;
        $scope.test = 'HOLA!';
        $scope.addJugador = function(){
          $scope.jugadores.push({nombre: $scope.nombre, goles: 0});
          $scope.nombre = '';
        };
        $scope.incrementGoles = function(jugador) {
          jugador.goles += 1;
        };
    }]);
    app.config(['$stateProvider','$urlRouterProvider',
    function($stateProvider, $urlRouterProvider) {

      $stateProvider
        .state('home', {
          url: '/home',
          templateUrl: '/home.html',
          controller: 'MainCtrl'
        });

      $urlRouterProvider.otherwise('home');
    }]);

转到plunker链接查看HTML。

由于

Answer 1

有updated and running plunker

为了让它运行，我们需要一个根锚/目标 ui-view="" 用于我们的状态：

<body ng-app="futbol">  

    <div ui-view=""></div>

而且，这应该是（不只是＆＃39; home＆＃39;）：

$urlRouterProvider.otherwise('/home');

它说哪个url应该用作默认值...

具有UI路由问题的角度路由

1 个答案: