非常简单的AngularJS Dropdown显示带有多选复选框的值列表

时间:2018-11-24 21:13:04

标签: angularjs checkbox drop-down-menu

非常简单的AngularJS下拉列表,显示带有多选复选框的值列表

我想用一个值列表创建一个下拉列表,其中可以在这些值中进行多重选择,并在下拉列表中的每个值上都选中一个复选框。我希望能够对事件进行反应,当我选中或取消选中我在下拉菜单中显示的值之一的复选框时。

我希望解决方案尽可能简单,所以如果可以在不使用任何自定义指令或第三方库的情况下实现。我更愿意。

因此,基本上我只想显示一个完全简单的AngularJS下拉列表,并为下拉列表中的每个值提供一个复选框。 就像只是添加一个复选框,使其能够执行多选。下拉菜单也应该是可滚动的。 https://docs.angularjs.org/api/ng/directive/select

我找到了一些更复杂的解决方案,以使您对我想要的东西有所了解: enter code here https://codepen.io/elmahdim/pen/hlmri enter code here https://jsfiddle.net/michaeldeongreen/22et6sao/9/ 但是我发现这些解决方案太复杂了,如果可能的话,我想做些简单的事情。

0 个答案:

没有答案