使用ui.router初始化Revealjs

时间:2014-11-20 12:30:27

标签: angularjs angularjs-scope angular-ui-router reveal.js

在我的应用中,有两种观点:

  1. aViews具有简单的html代码,没有控制器。

  2. bViews有js-code(RevealJs)。

  3. 当我从bViews导航到aViews时,Revealjs也会对未指定控制器的页面(aViews)应用他的更改。 例如,从bViews导航到aViews我得到了来自演示文稿的progressBar!

    可能这种行为来自我的角度实现。

    代码如下:

     // router.js
     $stateProvider
        .state('index', aViews) // simple html
        .state('introduction', bViews) // having js code (Revela.initialize({}))
    
     // aViews
     return  {
            url: '/',
            views: {
                index: {
                    template: indexTemplate
                }
            }
        };
    
     // bViews
     return  {
            url: '/',
            views: {
                slides: {
                    template: presentationTemplate,
                    controller: function ($scope) {
                        $scope.$on('$viewContentLoaded', function () {
                            Reveal.initialize({ ... });
                        })M
                    }
                }
            }
        };
    
       // html code
    <body>
        <div class="home" ui-view="index"></div>
        <div class="reveal">
            <div class="slides" ui-view="slides">
            </div>
        </div>
    </body>
    

0 个答案:

没有答案