程序员经验分享-hwhale

Handlebars.js Else If

2024-04-07

我使用 Handlebars.js 进行客户端视图渲染。 If Else 效果很好，但我遇到过需要 ELSE IF 的 3 路条件：

这不起作用：

{{#if FriendStatus.IsFriend }}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div>
{{else if FriendStatus.FriendRequested}}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div>
{{else}}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div>
{{/if}}

如何使用车把执行 ELSE IF？


车把支撑{{else if}}从 3.0.0 开始阻止。

车把 v3.0.0 或更高版本：

{{#if FriendStatus.IsFriend}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div>
{{else if FriendStatus.FriendRequested}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div>
{{else}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div>
{{/if}}

然而，在 Handlebars v3.0.0 之前，您必须定义一个处理分支逻辑的助手或嵌套if手动声明：

{{#if FriendStatus.IsFriend}}
  <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div>
{{else}}
  {{#if FriendStatus.FriendRequested}}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div>
  {{else}}
    <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div>
  {{/if}}
{{/if}}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

handlebarsjs

Handlebars.js Else If 的相关文章

  • 通过 javascript 访问车把变量

    我正在为 Express js 框架生成一个把手视图 并且需要从单独的 JavaScript 文件内部访问传递给视图的变量 例如 var foo user name 有人有主意吗 帮手 的价值user name如果您想将其包含在 a 中 则

  • Meteor 模板助手条件一致返回 false

    我对 Meteor 很陌生 但到目前为止我真的很喜欢在这个平台上编码 我遇到了一些障碍 似乎找不到正确的方法 我想创建一个辅助函数来检查纬度和经度 并根据某个预定义的范围进行检查 如果它落在这些范围之间 则返回 true 我已经包含了我当前

  • 骨干.marionette + i18n + 车把

    有人可以发布一个将这些库组合在一起的示例吗 包括 i18n 和 marionette 的处理程序 Thanks 指向backbone marionette 模板来编译hendlebars 这可以在你的 main js 上完成 Backbon

  • event.target 在事件中未定义

    一个人如何使用each输入值events 希望我的下面的代码能很好地解释你 HTML

  • 将对象作为参数传递给车把模板中的 onclick 方法

    我有一个如下所示的 JSON list name AAA id 1 age 34 name BBB id 2 age 24 和这样的模板 ul each list li name age li each ul 基本上我只想将当前对象传递给一

  • 如何使用 EMBER.SORTABLEMIXIN？

    My FIXTURES包含我想根据 ID 排序的产品数组 Astcart Application FIXTURES name astr home products id 3 name Mobiles Accessories id 2 nam

  • 如何在“

    余烬绑定数据属性指南 https guides emberjs com v2 10 0 templates binding element attributes 说 如果您使用带有布尔值的数据绑定 它将添加或删除指定的属性 我正在尝试使用此

  • 如何根据集合的大小创建有条件的模板？

    我想做这样的事情

  • 有没有办法通过 Express + Node.js 使用多个视图引擎

    Scenario 我使用开发了一些交易页面Node js http nodejs org Express http expressjs com 车把 http handlebarsjs com 作为视图引擎和MongoDB http www

  • emberjs 文档就绪函数应该放在哪里？

    我正在尝试附加一个预先输入 https github com twitter typeahead js 到我的模板之一中的文本输入 因为 Ember 使用把手 所以 jQuery 的文档就绪函数不是用于预输入定义的地方 放置 模板就绪 代码

  • 如何将 Express 响应对象传递给前端 JS 对象

    我的控制器正在通过 res render 将纬度 经度数据发送到我的车把视图 res render coords viewModel viewModel 包含一个对象数组 每个对象都包含位置名称 纬度和经度 我想获取这些信息并在我的视图中的

  • 在模板中显示 Handlebars.js 上下文

    是否有一个变量传递到每个handlebar js 模板中 其中包含模板可访问的所有上下文内容 例如我正在创建一个模板 但我不知道该模板可访问的所有上下文内容 我希望能够在模板中输入内容 debug 并且handlebars js会将所有上下

  • 如何让车把布局在 node/hapi.js 中工作

    我无法在 hapi js 应用程序中渲染车把布局 布局渲染得很好 但部分根本不渲染 只有空白 我这样声明 var handlebars require handlebars layouts require handlebars layout

  • EmberJS/HandlebarsJS 的自定义 for 循环助手

    两个小时前我开始 嵌套 HandlebarsJS each 助手与 EmberJS 不起作用 https stackoverflow com questions 10306063 nested handlebarsjs each helpe

  • metalsmith-collections 'path' 键无法从 Handlebars 模板访问？

    我的模板 each collections span class Category Title key span each this a href this title a each each 渲染 this path 未定义 span c

  • 车把模板的文件扩展名

    我更改了车把模板的扩展名 并在调用 handlebarjs 编译函数的函数中引用了相同的扩展名 它工作得很好 没有任何问题 但我很好奇是否还有其他人尝试过 如果您认为这可能会因任何原因导致问题 请告诉我 出于某种原因 我觉得扩展名 hand

  • 在车把模板中显示 hasMany ember 关系中的第一项

    我需要显示 hasMany 关系中的第一项 基本上一个线程可以有多个作者 但我只需要在特定模板中显示第一个作者 我有以下 json threads id 1 authors 2 3 authors id 2 fullname foo id

  • 服务器和客户端上带有 Handlebars.js 的 Node.js

    我在 Node js 中有一个应用程序 使用 Expressjs 和 Handlebars 作为模板引擎 Expressjs 使用布局 然后渲染视图 布局 layout hbs 如下所示 body The body 当您访问路由时 在 No

  • 使用变量名调用 Handlebars {{render}}

    有没有办法将变量上下文传递给 render helper 例如 我的模型具有多态关系 我想为每种不同类型呈现适当的视图 无需编写一整串if声明 my events模板看起来像这样 ul each event in model li even

  • Ember：命名出口错误

    我不知道为什么我的模板没有在指定的插座中呈现 这是我第一次尝试学习 ember 我被困在指定的渠道上 我想渲染侧边栏模板 in the outlet sidebar 和内容模板 in the outlet content 但我不断在控制台中

随机推荐

  • Gson：java.text.ParseException：无法解析的日期：“2018-04-09T09：00：00 + 02：00”

    如何解析以下格式的字符串日期 2018 04 09T09 00 00 02 00 Gson使用 new SimpleDateFormat yyyy MM dd T HH mm ss Z Locale US 但它给出了以下例外 com goo

  • Python：为什么要腌制？

    我一直在使用pickle并且很高兴 然后我看到了这篇文章 不要腌制你的数据 http www benfrederickson com 2014 02 12 dont pickle your data html 进一步阅读似乎是 泡菜很慢 h

  • 如何中止存储桶的所有不完整分段上传

    有时 分段上传会因某种原因挂起或无法完成 在这种情况下 您将陷入难以删除的孤立部分 您可以通过以下方式列出它们 aws s3api list multipart uploads bucket BUCKETNAME 我正在寻找方法来中止它们

  • 如何更改过滤器中 http 响应的正文

    我正在尝试使用过滤器来检查响应正文中的 HTML 标记 问题是 如果我改变过滤器中的主体 当它到达客户端时它不会改变 我尝试了此处显示的解决方案 寻找使用 servlet 过滤器将内容插入响应的示例 https stackoverflow

  • Laravel 5：如何将播种器类添加到自动加载？

    我遵循文档 http laravel com docs master migrations database seeding http laravel com docs master migrations database seeding

  • 按 eloquent 中的最佳匹配排序

    我从雄辩的查询中得到了一些结果 我想按最佳匹配对它们进行排序 我怎样才能在 laravel eloquent 中做到这一点 在这里我找到了一些 SQL 解决方案 但我无法在 eloquent 构建器中使用它 SELECT TOP 5 FRO

  • 使用 ogr2ogr 将 svg 转换为 geojson 失败

    我从以下位置下载了芬兰的 svg 地图http www amcharts com svg maps map finland http www amcharts com svg maps map finland 我想将其转换为 topojso

  • 无法在 VSCode 中使用 pygame

    我目前正在做一项任务 我必须完成一些功能并导入 pygame 以便我可以运行一个跑步程序 当我尝试通过运行命令导入 pygame 时pip3 install r requirements txt 有一个需求文本文件 里面只写着 pygame

  • Azure Service Fabric 节点、节点类型、实例和规模集

    在尝试了几天Azure的Service Fabric之后 我仍然对以下四个关键词感到不舒服 实例 节点 节点类型 规模设定 他们的意思是什么 有什么区别 Instance 取决于上下文 它可能意味着虚拟机 服务实例等 Node 集群内的节点

  • Moment.js 如何使用 fromNow() 在几小时内返回所有内容？

    我已经搜索过moment js 文档 http momentjs com docs and 堆栈溢出 https stackoverflow com 的一种使用方法fromNow 功能但在几小时内返回所有内容 我的意思是 moment 20

  • android mms通过mms url下载mms内容

    我正在尝试下载MMS通过 MMS url 获取图片内容 但返回 403 禁止 服务器响应 其中包含无效内容MSISDN数字 我已将我的代码粘贴在下面以供参考 提前致谢 private static boolean downloadThrou

  • 不带 React 的 TypeScript JSX

    我想在 TypeScript 中使用 JSX 语法 但不想使用 React 我在这里看到了其他相关问题的答案 但没有任何内容足够完整或详细 无法提供任何帮助 我读了本指南 https basarat gitbooks io typescri

  • 递归地跟踪带有最终值的嵌套对象键

    给定一个如下所示的对象 可以具有未知数量的嵌套属性 const theme fonts primary Arial secondary Helvetica colors primary green secondary red margin

  • Highchart x 轴标签显示双日期

    我在我的项目中使用 highcharts 它在 x 轴上显示两次日期 如何删除它并在 x 轴上仅获取 1 个日期 Here is the snapshot of how it looks like right now 我怎样才能摆脱双日期显

  • 如何用 MS Word 中的一些计算替换括号中的数字

    当我在文章中间插入新的参考文献时 在 MS Word 中将某些序列号 例如 30 31 32 替换为 31 32 33 时遇到问题 我还没有在 GUI 中找到解决方案 所以我尝试使用 VBA 来进行替换 我在堆栈溢出中发现了类似的问题 MS

  • Reactjs 可以像更改 props 一样更改 onclick 函数名称

    可以更改 onclick 函数 例如更改 props 例如更改 props message to new message 例如 var SmallMessageBox React createClass getDefaultProps fu

  • 识别 PHP 未使用和未定义的变量 sublime

    我正在使用 sublimetext3 未注册 我想知道如何配置 sublime 以显示 php 中未使用和未定义的变量 sublimelinter phplint 做了一些有用的工作 但它无法识别自动加载的类 这在开发时可能非常烦人 我正在

  • 在服务器上运行的 Span 和默认的 asp 标签哪个更好？

    我有一个简单的 asp net 网页 其中包含一个大约 5 个表TR每行有 2TD 在页面加载中 我获取用户数据 5个属性 并在此页面中查看它们 以下是前两行 table tr td FullName td td span span td

  • OpenFire - 使用 PubSub 的永久群聊

    首先从这个问题 Smack openfire 如何让用户永久留在群聊室 https stackoverflow com questions 19653877 asmack openfire how do i keep a user perm

  • Handlebars.js Else If

    我使用 Handlebars js 进行客户端视图渲染 If Else 效果很好 但我遇到过需要 ELSE IF 的 3 路条件 这不起作用 if FriendStatus IsFriend div class ui state defau

热门标签