如何在EmberJs的组件元素中添加`action`？
在Ember.js的组件元素中添加action可以通过以下步骤实现：
- 在组件的模板文件中，找到需要添加
action的元素，比如一个按钮或者一个链接。 - 在该元素上使用
{{action}}关键字，并指定要触发的动作名称，例如：{{action "myAction"}}。 - 在组件的JavaScript文件中，定义一个与动作名称相对应的方法，例如：
actions: { myAction() { // 执行相应的操作 } }。 - 在定义的方法中，可以执行任何需要的操作，例如更新组件的状态、发送网络请求等。
通过以上步骤，就可以在Ember.js的组件元素中添加action。当用户与该元素交互时，触发的动作将会调用相应的方法，从而实现相应的功能。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，适用于各种规模的应用程序和工作负载。了解更多信息，请访问：腾讯云云服务器产品介绍
- 腾讯云云函数（SCF）：无需管理服务器即可运行代码的事件驱动计算服务。适用于构建和运行云原生应用程序。了解更多信息，请访问：腾讯云云函数产品介绍
相关·内容
我用li元素包装我的组件。这很好。但我也在尝试将操作添加到wrapped元素中。但是得到了错误。将action添加到包装元素的正确方法是什么？<ul> {{
cs2i-cardcomp
浏览 15提问于2017-08-03得票数 1
回答已采纳
我们正在研究我们的开源密码管理器密码。自上一次发布以来，我们集成了emberjs，并将一个又一个组件从经典的rails webapp升级到emberjs。现在，我们使用locationType：“散列”来触发emberjs部件。
我们现在面临的一个挑战是，在将UI组件移到emberjs之后，确保URL保持不变。因此，我们应该去掉用于emberjs的“散列”-URLs，并且仍然能够调用一些遗留
浏览 5提问于2020-06-22得票数 2
回答已采纳
我试图在mouseEnter上调用一个组件方法，但我无法从中获得任何东西。<h1 mouseEnter={{action "showCaution"}}>Enter on me </h1>import Ember from 'ember';
浏览 3提问于2017-08-08得票数 0
在EmberJS中，将组件与tagName 'input‘和布局组合起来似乎是不可能的。现在，我有了一个输入元素和一个图形表示，它们彼此相邻，如下所示：<input type="radio"...>
图像内容是由CSS规则驱动的，它依赖于单选按钮状态(是的，我想为自己的单选按钮设置样式cx="50%" cy="50%" r="8" &#
浏览 1提问于2014-11-02得票数 1
回答已采纳
我想知道您是否可以以这样的方式创建Ember组件：
到目前为止，我已经使用这些文档作为指南创建了web组件，并使它们相互操作到某个dgree：(遗憾的是，我只能发布到一个文档的链接，所以我选择了高分子文档)
反应(反应元素
浏览 2提问于2015-02-08得票数 0
回答已采纳
2回答
编辑:做了更多的挖掘，emberJS不允许内联脚本执行。我该如何创建幻灯片呢？我是否创建一个组件？情况就是这样:我想在我的一个模板中添加一个幻灯片。这是一个基本的网页，如“关于我”，“服务”，“联系我们”。没什么花哨的。假设我想将此幻灯片添加到“服务
浏览 6提问于2015-11-03得票数 0
回答已采纳
嗨，我正在使用emberJS来绑定元素的属性，可以通过使用binding来完成，这也是我想要对用户交互所做的操作。<button {{#if DS.session.canEditTrailers}} {{action "addTTU"}} {{/if}} disabled="DS.ses
浏览 2提问于2015-06-23得票数 0
回答已采纳
对安博来说还是很新的。我试图使用component Ember助手来覆盖组件上的函数。Ember.Component.extend({ ...我有一个模板的另一个组件，它看起来像： {{component myComponentName getValue=(action myCustomGetValue)}}
浏览 0提问于2018-11-01得票数 2
回答已采纳
我使用的是Emberjs、扶手和Twitter Bootstrap。在我的handlebars模板中，我使用的是Twitter引导程序dropdown <li class="dropdown">my_action my_argument}}> My Action </a>
<&#x
浏览 4提问于2012-09-19得票数 3
回答已采纳
我使用Emberjs和Gridsterjs创建某种编辑器。我发现您需要在Emberjs中创建一个包含jQuery插件的组件。在这个组件中，我有许多组件，它们将成为Gridster的小部件。script type="text/x-handlebars" data-template-name="components/create-gridster">
<butto
浏览 5提问于2014-07-01得票数 2
1回答
我想删除在UI中显示的按钮，就像用来绘制线条、圆圈、多边形的按钮一样。我在我的余烬应用程序中使用了简单的传单，如{{#leaflet-maponClick=(route-action 'getLatLngleaflet_map'}}
{{draw-control position="topright" show
浏览 6提问于2017-06-28得票数 0
回答已采纳
我现在正在学习emberjs，我想知道在组件类中的函数(例如，按钮单击)中发出获取请求并将数据存储在类组件中是否是一种常见的方法。例如： @tracked items; await fetch(...) }或者你用不同
浏览 4提问于2022-01-08得票数 1
回答已采纳
编辑：这个问题似乎只存在于.hbs呈现中，因为当扩展的web组件插入到EmberJS项目的顶级index.html中时，这段代码才能工作。然而，当我将编辑2:放在一个最小的.hbs示例中时，它就起作用了。因此，这显然是一种与EmberJS呈现的交互，或者可能是与把手的交互。编辑3:当我使用Glimmer作为独立呈现库并通过Glimmer组件的constructor()函数构建这些w
浏览 2提问于2019-10-23得票数 1
1回答
我目前在使用EmberJS路由器和外部库时遇到了困难。使用EmberJS路由器，路由功能可以完美工作。此外，在组件中包含外部库也可以按预期工作。
但两者的结合并不奏效。但是，如果我试图“捕捉”事件并使用EmberJS路由功能，它将不起作用！我不能在DidRender()函数中创建eventlistener并使用preventDefault，因为在执行DidRender时这些元素并不存在。有没有人面临同样的问题，或者可能有解决这个问题<
浏览 0提问于2017-03-29得票数 0
1回答
我是EmberJS的新手，所以我们很感谢你的帮助。我试图做一些理论上应该简单的事情--我有一个组件，在一个DOM元素上，我想要一个单击处理程序，它重定向到一个路由，但是我一直无法弄清楚如何实现这一点。我有我的组件://components/sample-card-card er.jsexport defaul
浏览 0提问于2018-04-30得票数 3
回答已采纳
0回答
我正在建立一个日历应用程序使用emberjs和Jquery全日程表。完整的日历是通过emberjs组件呈现的。但是，当通过表单创建新事件并调用route refresh()方法时，组件不会重新呈现或重绘自身。因此，要在完整日历上查看新事件，我必须手动刷新页面。如何在创建新事件时让组件重新呈现。我添加了didUpdateAttrs和didRender()。更新2
通过slack，我从bendemboski那里得到了另一个建议，我应该尝试
浏览 6提问于2017-12-02得票数 1
回答已采纳
1回答
我认为jquery在Emberjs中是可行的：然而，这并不适用于Ember。我的组件视图是这样的： {{#each model as |model|}}
<li {{action "sendToInput"}} class在我的组件js文件中<
浏览 0提问于2015-09-26得票数 2
1回答
我尝试用emberJS为我的应用程序创建一个自定义组件，我遵循了快速入门教程，现在我尝试创建一个上传按钮作为组件。 showExplorer(){ }});
目前，我只在showExplorer()中添加了一个showExpl
浏览 0提问于2019-11-04得票数 0
回答已采纳
我对AngularJS有很多经验，现在我也在使用Web组件和聚合物很长一段时间了。<my-element></my-element>
这就是web的发展方向，这就是每个人都喜
浏览 2提问于2014-06-20得票数 1
对于EmberJS，我想知道如何在我的主模板中显示特定的视图？
当我点击application.hbs中的菜单时，我想要显示用户，事件--使用组件的最佳实践是什么？模式化的观点？你有什么好的教程吗？
浏览 3提问于2015-04-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
