html - 有条件地渲染 .hbs 模板 emberjs

原文 标签 html ember.js conditional render yeoman

编辑:

只要较大模板的存在为真,我想有条件地在较大模板内显示模板。

在侧边栏.hbs

<div id="sidebar-wrapper" class="super-super-float-right-col">
  <div id="sidebar-wrapper" class="super-float-right-col">
    <div id="sidebar-wrapper" class="float-right-col">
      {{#if permit.id}}
          {{render 'applicant'}}
          {{render 'location'}}
      {{else}}
       <h2>Nope!</h2>  
      {{/if}}
    </div>
  </div>
</div>

在 application.hbs 我调用侧边栏和 socket
{{render sidebar}}
{{outlet}}

所以从技术上讲,侧边栏目前与 {{outlet}} 的结果无关。 .

我想连接{{outlet}}的结果使用哪些模板在 sidebar.hbs 中呈现。

现在我得到“不!”

编辑:我可以使用 {{#if this.id}}permit.hbs 上做出条件页面真实。现在我试图弄清楚如何应用相同的逻辑进行渲染

非常喜欢,
伊恩

最佳答案

如果您在许可模板中,则检查您是否在模板中是没有意义的。这类似于说如果为真,因为代码执行的唯一原因是因为它在那里执行它。

如果那不是您的意思,请更新您的问题。

如果您希望模板中的某些内容根据路由进行更改,应用程序 Controller 有一个名为 currentPath 的属性,该属性具有当前应用程序路径,您可以观察它并创建根据当前路径更改的计算属性。

http://emberjs.jsbin.com/iCIkEsib/2/edit

关于html - 有条件地渲染 .hbs 模板 emberjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20354965/

相关文章:

javascript - 如何制作可折叠的 Bootstrap 导航栏?

javascript - 如何在textarea中将某些文本对齐为右对齐?

ember.js - 如何设置 Ember Controller 属性

javascript - 在 Ember Js 中应用的全局 Controller

javascript - ng-if 语句以一种方式工作,但不能以另一种方式工作,为什么?

javascript - 交互式iframe上的javascript mouseout触发器

javascript - 自定义 CSS (Qualtrics)

ember.js - 在 Ember 中从我的模型返回 1 个对象/记录

variables - Makefile:ifeq 指令将特殊变量与常量进行比较不起作用

php - Xpath 并根据祖先的元素值有条件地选择后代