对应于(Ember)路径的{{outlet}}的DOM节点

时间:2016-09-19 16:23:52

标签: javascript dom ember.js ember-router

路线渲染后,我想知道相应outlet的DOM节点。

让我们考虑下面提到的项目结构。

|____adapters
| |____application.js
|____app.js
|____index.html
|____models
| |____rental.js
|____resolver.js
|____router.js
|____routes
| |____rentals
| | |____rental.js
| |____rentals.js
|____styles
| |____app.css
|____templates
| |____application.hbs
| |____rentals
| | |____rental.hbs
| |____rentals.hbs

让我们考虑下面提到的application.hbsrentals.hbsrental.hbs的内容。

// application.hbs
<div class="container">  
  {{outlet}}
</div>

// rentals.hbs
<div>
 Yo!
 {{outlet}}
</div>

// rental.hbs
<div>
 So you are here!
</div>

因此,当呈现/rentals时,我想知道{{outlet}}中与application.hbs对应的DOM节点。

同样,当呈现/rentals/rental时,我想知道{{outlet}}中与rentals.hbs对应的DOM节点。

某种hook/callBack可能会在路线呈现时执行并将DOM node作为argument传递。

任何指针都会有所帮助。

0 个答案:

没有答案