javascript - 如何生成仅具有最大值的 Ractive

转载 作者：行者123 更新时间：2023-12-02 14:23:49 24 4

使用 Ractive，我想生成一个包含从 1 到 n 的数字选项的下拉列表。

可以使用 ( source ) 生成选择元素:

<select value='{{selectedCountry}}'>
    <option selected disabled>Select a country</option>
    {{#countries}}
        <option value='{{id}}'>{{name}}</option>
    {{/countries}}
</select>

与:

ractive = new Ractive({
    el: myContainer,
    template: myTemplate,
    data: {
        countries: [
            { id: 'AFG', name: 'Afghanistan' },
            { id: 'ALB', name: 'Albania' },
            // and so on...
        ]
    }
});

因此数据将更改为:

ractive = new Ractive({
    el: myContainer,
    template: myTemplate,
    data: {
        n: 50
    }
});

但是当您只有最大值 (n) 时，#countries 循环的语法是什么？

最佳答案

<select>
{{#each Array(n):i}}
    <option>option {{i}}</option>
{{/each}}
</select>

相关文档:

• Handlebars style sections
• Adding array indexes
• 使用 Array(n) 是调用 Array 构造函数

关于javascript - 如何生成仅具有最大值的 Ractive <select>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38460252/

24 4 0

文章推荐： javascript - 后端驱动网站的 javascript 单元测试

文章推荐： r - 仅绘制条形图的一部分

文章推荐： r - 将列中的值转换为现有数据框中的行名称

文章推荐： javascript - 设置日期变量的格式以删除不需要的字符

• javascript - 更新数据对象 ractive.js ractive.sortable.js

  我正在使用https://github.com/Nijikokun/ractive.sortable.js向表格添加可拖动排序的功能。 var resources = [ {

• javascript - 从 Ractive.js v0.5.8 升级到 v0.7.1 并调用文件 Ractive.js.map

  我正在将应用程序从 Ractive JS v0.5.8 升级到 v0.7.1，在浏览器控制台中，我收到 403(禁止)请求调用: http://[mydomain.com]/www/RACTIVE/r

• ractivejs - Ractive 事件可以在使用三重存储语法呈现的标记中工作吗？

  如果我的 Ractive 模板中有以下内容: click me 然后我可以用这个来监听点击: app.on({ handleClick:function() { alert("

• jquery - Ractive 组件的生命周期

  除了调用 init 之外，我不确定 Ractive 组件的生命周期是什么。例如，什么时候直接访问 DOM 是安全的？我尝试使用流行的迷你图 jQuery 插件，但我从未让它工作。我使用了一个指令 -

• javascript - ractive 中条件部分的正确语法是什么？

  我正在尝试一个非常简单的 conditional expression在一个活跃的模板中。 参见the jsfiddle - 这是我的数据: {name: 'steve'} 这是我的模板: value

• javascript - Ractive 的代理负载是如何工作的？

  我想知道 Ractive 生成​​的 DOM 元素何时准备就绪。就我而言，我想使用 jquery 将自动完成功能附加到元素上。理想情况下它会是这样的: 模板: {{#list}} {{/list}}

• javascript - Ractive 模板中的多个数据对象

  我正在使用 jQuery 和 RactiveJS 模板开发一个独立的小部件。最初，小部件使用动态输入表单元素打开，并且这些元素通过 AJAX 调用填充。这里的电子邮件是一个静态字段。这是用户的初始 V

• templates - 如何在 Ractive 中处理多个模板

  假设我有两个模板:一个 index带有我的主要内容的模板，还有一个 changelog带有变更日志的模板。它们被认为是不同的模板: // ... // ... ractive = new Ra

• javascript - 如何使用 ractive 观察多个关键路径？

  我想观察 docs on ractive observe 的关键路径的变化。但是，我希望能够同时观察多个路径，例如: var binding = new Ractive({ el: '.here'

• javascript - 使用加载器时扩展 Ractive 组件

  我一直在尝试使用组件加载器，如 component spec 中所述。 。我不确定如何通过组件文件执行类似的操作: var bookmarkableBaseClass = Ractive.extend

• javascript - ractive.js 多个复选框

  这很像网络上常见的多个复选框问题，只是我的复选框列表是动态的。 简化: {{#user}} Roles {{#allRoles:roleIndex}} {{.name}}

• javascript - 使用 Ractive 在多重选择中设置预选值

  我在 Ractive 中渲染了一个选择多个，并计算出所有可能选项的列表，效果非常好。但我找不到预选值的正确方法。 到目前为止，我有类似的东西: data = [{ type: "Person",

• javascript - Ractive.js 继续和中断循环

  我有一个正在迭代的列表: {{#list}} {{this.value}} {{/list}} 如果 {{this.hidden}} 为 true，我将如何继续循环？ 我想

• javascript - 如何生成仅具有最大值的 Ractive

使用 Ractive，我想生成一个包含从 1 到 n 的数字选项的下拉列表。 可以使用 ( source ) 生成选择元素: Select a country {{#countrie

backbone.js - Ractive，组件和路由

假设我在页面上有一个根 Ractive，以及在假设的主干路由器导航到路由时显示的各种小部件: var widget1=Ractive.extend({template:"{{foo}}"}); var

ractivejs - 确定 ractive 模板中的最后一个循环索引

基本上我想要这个:In Mustache templating is there an elegant way of expressing a comma separated list without

ractivejs - 从父组件访问 Ractive 组件

我发现自己处于一种情况，我想从父 Ractive 访问从 Ractive 组件创建的实例。 例如。 var myComponent = Ractive.extend( { us

javascript - Ractive.js 将选中的值复选框获取到数组中

我正在尝试获取已选中复选框的值并将其存储在数组中。每当用户单击任何复选框时，我想仅使用已选中复选框的值更新数组。我该怎么做？ {{#if checked}}checked!{{else}}

javascript - Ractive.js 从代理事件调用对象方法

我想从 ractive 调用特定对象的方法。 on-click="mylist.page(5)" 在这种情况下，具有 next 方法的 mylist 对象将设置在 ractive 对象上。 当我使用直

javascript - Ractive with Require 例子

嘿，我已经学习了一点 RactiveJS，到目前为止我真的很喜欢它。我想将它与 RequireJS 一起使用，发现了这个: https://github.com/Rich-Harris/Ractive