routes = [
    {
        path: '/',
        url: './index.html',
        name: '/home'
    },
    {
        path: '/divida_notificar/',
        async: function (routeTo, routeFrom, resolve, reject) {
            var doc = [];
            var router = this;
            var app = router.app;
            myapp.request(//my ajax request logic...
                resolve({
                    componentUrl: './pages/divida_notificar.html'},
                    {
                        context: {
                                doc: doc
                            }
                    });
            );
        }
    },
    {
        path: '/divida_detalhe/:cod/',
        async: function (routeTo, routeFrom, resolve, reject) {
            var doc = [];
            var router = this;
            var app = router.app;
            var cod = routeTo.params.cod;
            setTimeout(function () {
                myapp.request(//my ajax request logic...
                    resolve({
                        componentUrl: './pages/divida_detalhe.html'
                    }, {context: {
                            docs: docs
                        }
                    });
              )
            }, 2000);
        }
    }
];



//list
<template>
    <div class="page" data-name="divida_notificar">
        <div class="navbar">
            <div class="navbar-inner sliding">
                <div class="left">
                    <a href="#" class="link back">
                        <i class="icon icon-back"></i>
                        <span class="ios-only">Voltar</span>
                    </a>
                </div>
                <div class="title">Dívidas à notificar</div>
                <div class="right">
                    <a href="#" class="link icon-only panel-open" data-panel="left">
                        <i class="icon f7-icons ios-only">menu</i>
                        <i class="icon material-icons md-only">menu</i>
                    </a>
                </div>
            </div>
        </div>
        <div data-infinite-distance="50" class="page-content infinite-scroll-content infinite_divida_notificar" @infinite="loadMore">
                <div class="list media-list">
                    <ul class="lista_doc">

                        {{#each docs}}
                        <li class="">
                            <a href="/divida_detalhe/{{cod}}" class="item-link item-content">
                                <div class="item-inner">
                                    <div class="item-title-row">
                                        <div class="item-title"><span class="text-danger"><strong># {{cod}}</strong></span></div>
                                        <div class="item-after"><span class="text-danger">R$ {{valor}}</span></div>
                                    </div>
                                    <div class="item-subtitle">{{nome}}</div>
                                    <div class="item-text">Nº. Documento: {{n_doc}}</div>
                                    <div class="item-text">Vencimento: {{venc}}{{status}}</div>
                                </div>
                            </a>
                        </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
            {{#if showPreloaderOnLoad}}
            <div class="preloader infinite-scroll-preloader"></div>
            {{/if}}
        </div>
    </div>
</template>
<script>
    return {
    }
</script>


//detail
<template>
    <div class="page">
        <div class="navbar">
            <div class="navbar-inner sliding">
                <div class="left">
                    <a href="#" class="link back">
                        <i class="icon icon-back"></i>
                        <span class="ios-only">Voltar</span>
                    </a>
                </div>
                <div class="title">Dívidas</div>
                <div class="right">
                    <a href="#" class="link icon-only panel-open" data-panel="left">
                        <i class="icon f7-icons ios-only">menu</i>
                        <i class="icon material-icons md-only">menu</i>
                    </a>
                </div>
            </div>
        </div>
        <div class="page-content">
            <div class="block block-strong">
                <p>Detalhes da dívida</p>
            </div>
        </div>
    </div>
</template>
<script>
    return {
    }
</script>