请在下面的链接中找到代码示例以了解更多细节
https:/stackblitz.comeditangular-table-with-menu。
我在table tr内创建了一个下拉菜单,我想在下拉菜单上调用一些函数,按照预期,每次点击行应该通过函数参数传输渲染对象,但它总是传输第一个元素。
这是一个冲突。你在Angular项目中加载jQuery,因为你使用的是Bootstrap,而Bootstrap依赖于jQuery。
我从你的项目中删除了bootstrap和jQuery,现在可以工作了,所以是它们之间的冲突。
现在我在控制台得到这个。
> edit {text: "some text 3"} preview-e6e32bdb6d8102b4a83ab.js:1
> edit {text: "some text 4"} preview-e6e32bdb6d8102b4a83ab.js:1
一般来说,在Angular项目中加载并使用jQuery是一个非常糟糕的主意,这只会导致这种冲突。
如果你想在你的Angular项目中使用Bootstrap,使用 ng-bootstrap.