小编Pet*_*Kim的帖子

Ember.js - 如何在组件视图中呈现默认出口

我在/app/templates/components/box-modal.js中有一个名为'box-modal.js'的重用组件视图.它包含一个插座,我想在其中呈现默认模板.

<div>
  {{outlet main}}
</div>
Run Code Online (Sandbox Code Playgroud)

我想在插座中默认呈现的模板位于/app/templates/default_box.hbs中

我知道您可以在路由器文件中使用renderTemplate函数来获取常规模板,但它不适用于组件模板:

/app/routes/components/box-modal.js

import Ember from "ember";

var BoxModalRoute = Ember.Route.extend({
  renderTemplate: function() {
    this.render('default_box', {
      into: 'components.box-modal',
      outlet: 'main'
    });
}
export default BoxModalRoute;
Run Code Online (Sandbox Code Playgroud)

在Ember-cli的组件视图中是否有标准化的模板渲染方法?

routing components render ember.js ember-cli

2
推荐指数
1
解决办法
2573
查看次数

标签 统计

components ×1

ember-cli ×1

ember.js ×1

render ×1

routing ×1