在Ember.js中创建分组选择
在Ember.js中创建分组选择框，可以使用Ember.js的组件和HTML中的<optgroup>标签。以下是一个简单的示例：
- 创建一个名为
grouped-select的组件：
ember generate component grouped-select- 编辑
grouped-select.hbs模板文件：
{{#each-in groups as |group groupOptions|}}
<optgroup label={{group}}>
{{#each groupOptions as |option|}}
<option value={{option.value}}>{{option.label}}</option>
{{/each}}
</optgroup>
{{/each-in}}
</select>- 编辑
grouped-select.js组件文件：
import Component from '@ember/component';
export default Component.extend({
groups: {
'Group 1': [
{ label: 'Option 1', value: '1' },
{ label: 'Option 2', value: '2' },
],
'Group 2': [
{ label: 'Option 3', value: '3' },
{ label: 'Option 4', value: '4' },
],
},
});- 在需要使用分组选择框的模板中，引入
grouped-select组件：
{{grouped-select}}这样就可以在Ember.js应用中创建一个分组选择框。你可以根据需要修改groups对象中的数据，以添加或删除分组和选项。
推荐的腾讯云相关产品：
- 腾讯云弹性伸缩：根据业务需求自动扩容或缩容，以保证应用程序的高可用性和低成本。
- 腾讯云负载均衡：自动分发用户请求，实现应用程序的高可用性和故障转移。
- 腾讯云CDN：通过全球节点加速内容传输，提高用户访问速度和稳定性。
这些产品可以与Ember.js应用程序结合使用，以提高性能和可靠性。
相关·内容
5回答
在Ember.js中创建分组选择
javascript、forms、ember.js
使用在Ember.js中创建select相对容易。
问题是，如何使用optgroup将其添加到分组的select中。我不认为这是内置的，但我猜对模板进行一些修改是可能的。
浏览 0提问于2012-08-07得票数 5
回答已采纳
3回答
仪表板的最佳实践
ember.js
我正在编写一个应用程序，后端使用RoR，前端使用Ember.js。
有人登录后的“主屏幕”将是一个仪表板。将不选择任何项目。仪表板将包含基本信息(即将到来的里程碑、任务进度等)。在没有RoR的Ember.js中，我可能会创建一个单独的仪表板控制器。不过，在Ember.js中<
浏览 2提问于2012-05-26得票数 3
1回答
当我想要使用Ember.js时，我应该选择哪个版本？
javascript、node.js、ember.js
我目前正在考虑使用ember.js作为我的mvc解决方案。我目前还没有在任何生产中使用Emberjs。我知道，当从学习项目转向生产项目时，事情会变得更加复杂。在采用这种方法时，最困难的部分是什么？
从web容器的角度看，1.11版本是一个可靠的平台吗？与上述方法(1.10+Express或Java )相比，版本1.11的优缺点是什么？
浏览 3提问于2015-04-30得票数 1
回答已采纳
1回答
成员：“映射”错误匹配的api对象(asp.net web )到内存模型。
ember.js、asp.net-web-api、ember-data
根据我到目前为止学到的知识，我知道我必须在序列化程序中做一些事情来解决下面的问题，但是有点丢失了…
我的api返回一个名为PortfolioSummaryDto的对象，我的Ember模型被命名为“portfoliolistitem这给了我以下错误(这是有意义的)，在有效负载中遇到了"portfolio_summary_dtos“，但是没有为模型名”portfolio-汇总-dto“(使用portfolio_summary_dtos
浏览 3提问于2016-06-22得票数 1
2回答
茉莉花测试失败超过EmberJS需要API
javascript、unit-testing、ember.js、jasmine
我正在用Jasmine对一个EmberJS项目进行单元测试，但是我在Ember的上遇到了麻烦。当我尝试运行茉莉花测试时，如果涉及到的控制器具有“需要”以及调用init函数，则它们将在创建控制器实例时失败。
console.log('yay');});
当我尝试创建这个控制器时
浏览 7提问于2013-03-21得票数 1
回答已采纳
1回答
Ember.Handlebars.compile失败
ember.js、handlebars.js
基本上看起来是把把在起作用，但安博却不行.我需要安柏·阿哈有谁有主意吗？
浏览 2提问于2014-04-06得票数 0
回答已采纳
2回答
基于Ember.js的控制面板
javascript、ember.js
我正在使用ember.js和一个用spring MVC编写的rest API开发一个应用程序。我必须创建一个仪表板上的几个小部件。每个widget都有自己的行为，并会调用不同的API方法。我在考虑为每种小部件创建一个控制器子类。然后实例化它们，并将其他视图添加到容器视图中。然而，ember会自动为每个控制器创建一个实例，所以这是一个好的选择吗？ember.js社区有什么建议吗？
浏览 3提问于2012-10-14得票数 4
回答已采纳
2回答
用Ember.js和Ember数据序列化输出数据
ember.js、ember-data
我使用的是Ember.js 1.0.0和Ember.js beta2 2。
我有一个模型Product，belongsTo Company。在创建产品时，用户可以在下拉菜单中选择它的belongsTo公司。这会将"company":"25"添加到表单post中，这在很大程度上正是我想要的。据我所知，Ember-数据序列化程序只规范传入数据，而不是传出数据.这会在适配器中处理吗？如果是这样的话，我该如何向Ember传达这个约定？
浏览 1提问于2013-10-06得票数 0
回答已采纳
1回答
Ember.Select有时工作，但断言失败
ember.js、ember-data
在我的ember.js应用程序中，我有一个“用户”模型，它与'group‘有"hasMany“关系。用户可以是零组或多组的成员。为了允许用户选择组，我使用内置的Ember.Select视图。如果我转到编辑路由(/users/1/edit)，我使用Ember.Select显示所有组的宇宙，以及该用户的“选定”组的选择。不幸的是，当我通过/users路由进行转换时，没有一个组被选中。如果我刷新编辑路线上的页面，我会看到正确选择的组，
浏览 4提问于2013-12-02得票数 0
回答已采纳
1回答
如何使用ember.js的RestAdapter连接到外部API(而不是在我的服务器域上)？逐一连接到多个外部API，以及
在获得JSON响应之后，只选择JSON对象/属性的子集，并将它们转换为标准模型(在我的ember.js应用程序中定义)？
浏览 1提问于2014-03-22得票数 1
1回答
emberjs.com和ember-cli网站各自的用途是什么？
ember.js、ember-cli
我对ember网站"emberjs.com“和"ember-cli.com”有点困惑。ember-cli现在不是emberjs的一部分吗，并在"emberjs.com“中进行了记录？如果是这样的话，为什么有一个不同的ember-cli网站呢？另外，为什么两个站点在必备JS框架的版本方面存在差异？例如，Node起始页面显示使用Node.js 0.12或更高版本，而ember-cli.com站点则显示使用最新稳定版本的emberjs.com (版本4.0.x)。
浏览 2提问于2015-09-29得票数 0
1回答
成员按属性名称筛选列表
ember.js、handlebars.js
我创建了一个组件来显示列表： {{model.name}}{{/each}}
{{created model=model }}第一个列表将显示将创建的属性设置为true的对象，第二个列表将显示将创建的属性设置为false的对
浏览 2提问于2017-01-28得票数 1
回答已采纳
1回答
创建视图时“无法调用未定义的'extend‘方法”
ember.js
我正在使用Ember.js进行我的第一个游戏，在第一个障碍时我就摔倒了。我已经尝试了很长时间来让它工作，但我一直得到错误“无法调用方法‘扩展’的未定义”<script type="text/x-handlebars"> </div> </script>
在我的JS中</e
浏览 3提问于2012-07-03得票数 0
回答已采纳
2回答
用EmberFire实现路由？
ember.js、firebase、emberfire
我能够创建新的对象和对象数组，但是我无法正确地设置路由。
当我尝试使用答案2中的建议时，我得到了以下错误：所以我试着加入： id: null,});
正如我前面提到的，我尝试将我的对象定
浏览 2提问于2013-09-29得票数 0
1回答
如何在加载模型时在Ember中显示加载模板？
javascript、templates、ember.js、ember-cli
在加载下一个模板之前，我希望在Ember中呈现一个加载模板。现在，我有一个应用程序路由的加载模板，如果用户直接导航到URL，这个模板就能正常工作。但是，如果用户从应用程序的另一个页面中单击一个link-to到该页面，我希望显示相同的模板。这是如何做到的呢？调度afterRender无法工作，因为页面还没有“加载”(现在它只是在下一个页面加载时在前一个页面上停留了几秒钟；使用afterRender会导致相同的事情，但是一旦加载，您就可以在加载div之前对其进行简要的了解减少负载时间不是一种选择</e
浏览 2提问于2016-02-24得票数 3
回答已采纳
1回答
用Ember.js构建移动混合应用程序
mobile、ember.js、ember-cli
在过去的6年中，我一直在使用Ember.js框架进行开发。现在我需要开发一个移动应用程序，无论是安卓还是iOS，我有哪些选择和最新技术来使用Ember.js javascript框架来开发它呢？
浏览 0提问于2019-01-31得票数 3
1回答
如何在特定操作上从Ember 2调用Bootstrap jquery函数
javascript、jquery、ember.js、ember-data
我正在做聊天应用程序，目前我设法在我的Ember2.14项目中添加了引导/引导代码(Html，css，jquery)，当我将它添加到这个文件夹public/assets/Chat.js中时，jquery工作得很好，然后我在app/index.html中添加了对它的引用。它现在被加载在vendor.js中，jquery在加载页面时运行良好.
-My的问题是:如何从Ember调用jquery函数(同样)，以及将代码放在哪里。我希望当我
浏览 1提问于2017-07-24得票数 1
3回答
包含最新Ember.js代码的Ember.js jsBin模板/框架
ember.js、jsbin
我在jsbin中包含的任何Ember.js链接都不再起作用。所以我想这个线程有最新的工作模板/ jsBin的Ember.js骨架。
浏览 2提问于2013-09-05得票数 3
1回答
在Ember.js中使用EJS
javascript、node.js、template-engine、ember.js
我想尝试JS中的一些新东西，所以我选择了node和Ember.js我读到过Ember.js对模板引擎是不可知的，所以我想知道它是否支持EJS，因为它是由Node支持的，并且非常类似于我所习惯的ERB。
浏览 1提问于2011-12-22得票数 4
回答已采纳
1回答
如何使最新的ember.js有效并从1.4升级到最新？
javascript、ember.js
我正在使用Ember.js，我认为编程部分很酷，但是库上的文件大小让人感觉很可怕。我有一个简单的列表-细节视图应用程序创建在1.4EMBER，现在拿起了最新的ember.js升级我的项目。我选择了1.8版本，这似乎有点兼容我的版本。不过，升级建议还是有帮助的。
浏览 4提问于2015-06-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
