有UI路由问题的角度路由

Angular Routing with UI-route issue

本文关键字：路由 问题 UI      更新时间：2023-09-26

我是Angular的新手，一直在学习本教程。一切都很顺利，直到我到达角路由应该发生的部分。我找不到错误。如果有人能帮我一把，那就太好了！这是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。

感谢

有更新并运行的plunker

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

<body ng-app="futbol">  
    <div ui-view=""></div>

此外，这应该是（而不仅仅是"家"）:

$urlRouterProvider.otherwise('/home');

它说应该使用哪个url作为默认值。。。

相关文章：