不使用下拉菜单访问对象，ngFor

Question

请在下面找到代码示例 link 了解更多详情

https://stackblitz.com/edit/angular-table-with-menu

我在 table tr 中创建了一个下拉菜单，我想在下拉菜单上调用一些函数，按照预期，每次点击行都应该通过函数参数传递渲染对象，但它总是传递第一个元素。

Answer 1

这是一个冲突。您正在 Angular 项目中加载 jQuery，因为您正在使用 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。

Not Accessing object using dropdown menus, ngFor