路线渲染后,我想知道相应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.hbs
,rentals.hbs
和rental.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
传递。
任何指针都会有所帮助。