LeosAngularRoutingBundle

Adapting Angular UI-ROUTER to use it with Symfony, _(*1)

Based on: https://github.com/angular-ui/ui-router, _(*2)

To configure:, _(*3)

Add on AppKernel in the array bundles:

new Leos\AngularRoutingBundle\LeosAngularRoutingBundle(), _(*4)

On your template:

Add the link on your JS Block and replace "my-mode" for your module name, like this:, _(*5)

The angular ui router - @LeosAngularRoutingBundle/Resources/public/js/vendor/angular-ui-router.js, _(*6)

Add to the routing.yml:, _(*7)

leos_angular_routing:, _(*8)

  resource: "@LeosAngularRoutingBundle/Resources/config/routing.yml"

  prefix:   /your-prefix

The custom configuration JS:, _(*9)

<script src="{{ path('leos_angular_routing_v1', {"module": "my-mode"}) }}"></script>, _(*10)

On your config.yml or config_%env%.yml, _(*11)

Define your configuration site:

The config:

leos_angular_routing:, _(*12)

routes:                                     

    home:                                   #The State Name
        url: ''                             #The url name (Not prefix with "/")

        #The template to include
        templateUrl: home                      #The symfony route name
        #Add parameters to the route
        urlParams:
            offer: wellcome
        #The childs
        views:
            partial1:                       #The partial name(unique)
                column: slider              #The column to insert the view
                viewParent: parnetSate      #Optional config to set nestead views
                templateUrl: slider         #The symfony route name
            #Other examamples
            partial2:
                column: aside
                templateUrl: todo

            partial3:
                column: content
                templateUrl: todoDisplay

    #To add Sub States
    testContainer:
        url: lobby
        templateUrl: testContainer

    testContainer.subrute:
        url: my-list
        templateUrl: todoDisplay

    testContainer.account:
        url: my-account
        templateUrl: testContainer.account
    #OR
    testContainer:
        url: lobby
        templateUrl: testContainer
        childs:
            subrute:
                url: my-list
                templateUrl: todoDisplay
                childs:
                      cagada:
                          url: cagada
                          templateUrl: todoDisplay
            account:
                url: my-account
                templateUrl: testContainer.account

    #To add states with parameters
    play:
        url: 'play/:gameId'
        templateUrl: game