问题标签 [event-binding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
879 浏览

javascript - 如何在ngSwitch中的Angular 2+中将事件从子组件绑定到父组件

我的父组件使用 ngSwitch 案例调用子组件:

在子组件中:

在父组件中:

至今没有成功。如果我在没有 的情况下调用组件ngSwitch,那么它可以正常工作。任何帮助,将不胜感激。

0 投票
0 回答
63 浏览

angular - Ionic 2 - 如何在 index.html 中使用事件绑定

我想在 index.html 中使用事件绑定。

我需要从数据库网址(Firebase)制作网站图标和动态快捷方式图标;

它看起来像这样:

但我不知道如何在 index.html 文件中使用变量。你能帮我吗?

0 投票
1 回答
1680 浏览

javascript - 添加新元素后事件侦听器不起作用

基本上,我有一个文本框,我在其中写一些文本,单击“添加帖子”,一个新帖子将被添加到其他帖子的列表中(类似于 Twitter)。这些帖子中的每一个都有一个“删除”按钮。

现在,当我在每个帖子上单击删除时,我只有一个console.log“测试”。它工作正常。但是,在我添加一个帖子之后,意味着一个新元素已被添加,事件侦听器停止工作,即使对于现有的“删除”按钮(不仅仅是新添加的按钮)也是如此。

这就是我为删除编写事件侦听器的方式。

...deleteEntryCont现在控制台记录“TEST”的功能在哪里。

deleteDOM是变量document.getElementsByClassName("delete")并且只是一个节点列表。

这是添加新“帖子”的部分:

entryList上面的代码在 HTML 中呈现的对象数组在哪里。

可能是什么问题?

0 投票
1 回答
872 浏览

python-2.7 - Tkinter 列表框中的行为差异,箭头键与鼠标单击

我的环境是 Python 2.7,在 Windows 7 上运行。

我正在尝试获取一个 Tkinter 列表框来触发回调,以响应用户更改“活动”项目(即具有焦点的项目)。我正在使用对<<ListboxSelect>>事件的绑定来实现这一点,并且它正在工作 - 有点。

回调本身应该检查新的活动项是什么,并相应地进行一些处理。当我通过向上/向下箭头键更改活动项目时,此逻辑以我期望的方式运行。但是当我指向并单击一个新项目时,代码错误地将先前的活动项目识别为当前项目。

这是一个精简的代码示例,说明了我得到的行为:

以下是使用箭头键时的结果:

方向键

但是当你用鼠标点击时,你会得到:

鼠标点击

信息“落后”一个,而是显示先前的选择。(如果您再次单击同一项目,它会“赶上”。)

所以我的问题是:

  1. 是什么导致了差异?
  2. 如何修复它以使鼠标单击给出正确的结果?
0 投票
1 回答
415 浏览

angular - Kendo ui for Angular:将kendoButton的点击事件绑定到组件中变量的方法

我有一个“any”类型的组件变量“消息”,它包含一个方法“actionnowrapper()”

每当我绑定到像下面这样的按钮时,这都很好。

每当我使用 kendoButton 指令时,这不再有效。

将 Kendobutton 直接绑定到组件中的方法就可以了,但这不是我们需要的。

如何将 kendobutton 绑定到组件变量中的方法?

谢谢!

0 投票
0 回答
380 浏览

angular - Angular 条件事件绑定

我正在做一个有角度的项目,我已经实现了 ngx-datatables 以在表中显示数据。

我正在创建一个可用于多个组件的通用包装器。

我想在调用组件时提供一个选项,以根据某些变量( isServerSide )来决定天气它将是客户端还是服务器端(分页和排序)。

如果会有一个事件,我可以做类似的事情:

我不知道如何根据单个标签的某些条件绑定多个事件。下面是我的代码:

0 投票
0 回答
49 浏览

angular - Angular:无法绑定到动态加载的组件上的点击和更改等事件

我创建了 2 个 angular 5 组件,它们是一个对话框和一个下拉菜单。

我想在对话框中打开下拉组件,所以我为它创建了一个对话服务,它被注入到 app.component 中。app.component 中的代码如下-

TestComponent 非常简单,它在 HTML 文件中有组件选择器,如下所示 -

其中 customLanguages 是一系列选项。

DialogService 是一个简单的服务,它做两件事-

1)在body中添加一个对话框组件

这是代码片段-

2:在对话框中打开/追加 TestComponent 到一个 div

最后一件事<once-ui-dropdown是一个 Angular 5 组件,它具有一些功能,如 openDialog、changeOptions 等,它的 HTML 看起来像这样 -

现在,问题是“我能够将数据/道具(选项数组)绑定到下拉组件,但没有调用诸如单击和更改之类的事件。动态加载的组件上的事件绑定似乎有些问题。” . 请帮忙!

0 投票
0 回答
25 浏览

angularjs - AngularJS 和 Razor Kendo 事件

我们有一个使用 cshtml 模板和 AngularJS 构建的项目。我们目前正在重新审视它的实现,并尝试将 Razor 模板和 AngularJS 结合起来。我们正在尝试使用 Razor 在页面内声明 Kendo UI 控件。例子:

这行代码用 AngularJS 控制器包装,例如:

到目前为止,我们已经成功地定义了控件并绑定了数据。然而,我们并没有成功地找到如何绑定驻留在 AngularJS 控制器内的事件的方法。DataBound、Change 等事件。

任何人都可以请告知这是否可能并提供示例?我联系了 Telerik Support,他们建议不建议将 Razor 和 AngularJS 结合起来,因为它有局限性。这对我们来说都是反复试验,如果有人以前尝试过,我们正在寻找建议。

谢谢

0 投票
2 回答
9346 浏览

angular - Angular 6 在下拉列表中添加更改事件会给出未定义值的错误

我在每行数据生成一个下拉列表:

我添加了一个事件来获取更改后的下拉列表的值。换句话说,如果我更改了第 4 行的下拉列表的值,我需要更改值和行的 id,这样我才能更新我的数据库。

我使用(click)了事件,但是出现了错误:

错误类型错误:无法读取 UnitEditComponent.push 处未定义的属性“值”

这是方法:

我尝试使用(change)事件,但也没有任何反应。

0 投票
0 回答
100 浏览

html - Angular 6中包含冒号的事件名称的事件绑定

是否可以绑定到 Angular 中事件名称包含冒号的事件,例如Foo:event

<div (Foo:event)="onFooEvent()"></div>

给出错误“事件激活时不支持的事件目标为空”。