Estoy usando angular 1.5 beta 2 y el nuevo router de Angular 2 alfa 45.
No pude encontrar ejemplos de uso de la última router con Angular 1.
Me pueden encontrar ejemplos del uso del router para Angular 2, utilizando @RouteConfig.

Puede alguien explicar cómo iba a configurar un angular 1 controlador? Y, si es posible, un ejemplo de trabajo?

OriginalEl autor pauloya | 2015-11-11

2 Comentarios

  1. 14

    Actualización Que han dejado de funcionar en esta versión del Router y comenzó una versión 3 con diferentes APIs. Como el 20 de junio de 2016 no había forma recomendada para usar el router v3 con Angular 1. No estoy seguro de si esto ha cambiado desde entonces. Esta pregunta y la respuesta que a continuación se relaciona, el Router v2 (aka ComponentRouter).


    Obsoleta de la API de

    Algunos sitios indican que un componente Angular 1 (para el propósito de la nueva enrutador) es un controlador registrado como [name]Controller y una plantilla de recogido de component/[name]/[name].html. Este es ahora obsoleto.

    Nueva API

    Este discusión contiene información reciente, donde se explica cómo obtener la última Angular 1 router nuevo de la versión.

    El componente que se utiliza en la configuración se asigna a una directiva registrado con el nombre del componente. Ver este la muestra.

    angular.module('app.home', [])
    .directive('home', function() {
      return {
        template: 'Hello {{ home.text }}',
        controller: function HomeController() {
          this.text = 'World';
        },
        controllerAs: 'home'
      }
    });

    Con Angular 1.5 hay una nueva sintaxis para el registro de los componentes, consulte aquí. Los he usado con esta sintaxis:

    angular.module('app.home', [])
    .component('home', {
      restrict: "EA",
      template: 'Hello {{ home.text }}',
      controller: function HomeController() {
        this.text = 'World';
      }
      //to configure a child route
      //,$routeConfig: [
      // { aux: "/son", component: "son", as: "Left" },
      // { aux: "/daughter", component: "daughter", as: "Left" }]
    });
    Encontramos otro ejemplo en github.com/brandonroberts/angularjs-component-router
    No pude configurar los niños de las rutas correctamente, y no podía encontrar un ejemplo de trabajo con el niño rutas
    La discusión sobre el angular github llevado a esta demo con un niño de la ruta plnkr.co/editar/2ZNQzWfspvpmMCLRBOdN?p=vista previa
    Funciona muy bien! Tengo dos petición adicional. Puede agregar información sobre cómo usar esta función con los parámetros de la ruta? Y también, cómo usarlo con el componente helper usted mencionó que ya está disponible en la 1.5 rc.
    Hay alguna actualización sobre el nuevo router? Versión 1.5 fue puesto en libertad sin el nuevo router. ¿Cuál es el mejor ejemplo para usar el router?

    OriginalEl autor pauloya

  2. 4

    Aunque es bastante nuevo en este punto también se puede utilizar un componente de la raíz con el nuevo angular router. Este componente podría tomar otros componentes como los niños.

    He seguido Pete Tocino de Darwin ejemplo para obtener una versión que se va.
    https://github.com/petebacondarwin/ng1-component-router-demo

    Aviso en su versión El componente principal tiene $router.config pasado en la carrera de bloque y se identifica a los niños con 3 puntos.

    .run(function($router) {
        $router.config([
        { path: '/...', name: 'App', component: 'app', useAsDefault: true }
        ]);

    Estoy usando angular 1.5.0 a seguir su github. Me encontré con problemas jugando con la liberación de algunos de los candidatos de liberación.

    He encontrado esto en 0.1. Creo que son la liberación de 0.3.

    OriginalEl autor Winnemucca

Dejar respuesta

Please enter your comment!
Please enter your name here