Acabei de começar a trabalhar com Durandal e todas as peças estão se encaixando, e estou usando o modelo Hot Towel para acelerar as coisas.

Uma coisa que me incomoda é como criar um sistema de navegação hierárquico mais complexo que um grupo de botões. Aqui está o que eu quero acabar com:

A B C
A1 B1 C1
A2 B2 C2

A, B e C são os menus de nível superior que não possuem rotas anexadas a eles - eles são simplesmente marcadores de posição. Eu terei visões e viewmodels para A1, A2, B1, B2, C1 e C2 e precisarei que essas hash tags sejam links ativos.

Minha melhor ideia agora é acrescentar o menu pai à URL de cada rota e ter um código no nav.html que adicione dinamicamente cada nó ao pai apropriado com base na análise do URL. Para ser totalmente dinâmico, ele adicionaria os nós pai e os nós filhos dinamicamente.

        {
          url: 'A_A1',
          moduleId: 'viewmodels/A_A1',
          name: 'A1',
          visible: true
        }

Eu fiz um monte de busca por exemplos de navegação hierárquica com Durandal, mas ainda não vi nada. Existe uma prática recomendada por aí para expandir a funcionalidade de navegação além da simples lista unidimensional? Estou negligenciando alguma funcionalidade no roteador que não estou vendo que me permita fazer isso sem incorporar informações de hierarquia nos nomes das visualizações?

EDIT: Acabei de marcar uma resposta como correta, mesmo que eu não estava feliz com qualquer solução apresentada. Ao selecionar uma estrutura para abstrair e separar lógica, apresentação e controle, parece tolo começar a mesclar essas construções novamente apenas para fornecer mais do que um shell de navegação básico. Eu mudei meus esforços de desenvolvimento para angularjs onde coisas como esta se tornam muito mais intuitivas e podem manter a separação. Esperamos que o Durandal possa avançar um pouco mais no futuro próximo e eu definitivamente o reavaliarei para futuros projetos.