javascript - 加载路由时如何运行函数？

Question

我只想在概览路由加载到页面时运行 myFunk() ，当您去其他地方并返回时， myFunk() 是再次运行，我没有概述 View 的模型，我尝试使用 didInsertElement 但我不知道这是否有意义。

应用程序.js:

App.Router.map( function() {
  this.resource('overview');
});

App.overviewView = Ember.View.extend({
  didInsertElement: function() {
    myFunk();
  }
});

index.html:

<script type="text/x-handlebars" data-template-name="application"> 
    <div id="wrapper" class="clearfix">

        <div id="content" class="clearfix">

            {{outlet}}

        </div>

    </div>
</script>

还有我的路线模板:

<script type="text/x-handlebars" data-template-name="overview">

    <div class="leftBox">
        <img id="kpibox" src="../img/kpis.png" />
    </div>

</script>

Answer 1

您可以相应地 Hook activate和deactivate，以便在路线进入或退出时运行您的函数。

根据您的 myFunc() 所在位置，假设在 App.OverviewController 中(但也可能位于不同的 Controller 中)您执行以下操作:

App.OverviewController = Ember.ObjectController.extend({
  myFunc: function() {
    // do stuff
  }
});

App.OverviewRoute = Ember.Route.extend({
  activate: function() {
    this.controllerFor('overview').send('myFunc');
  }
});

如果您需要将参数传递给 myFunc()，您可以像这样包含它们:

this.controllerFor('overview').send('myFunc', param);

希望有帮助。