angular选择内联组件 - angular-select-inline

angular选择内联组件 - angular-select-inline
插件名称 angular-select-inline
发布时间 2020年5月7日
插件作者 ppaulogustavo

创建Angular Select Inline Component的目的是通过较小的选择来改善用户体验。

安装:

# NPM
$ npm install angular-select-inline --save

使用:

只需创建一个带有名称的选项对象列表即可,就像这样:

animals = [
    {name: 'Cat'},
    {name: 'Dog'},
    {name: 'Bird'}
  ];

然后使用组件:

<select-inline [label]="'Animals'" [options]="animals" [multi]="true">
</select-inline>

• label(输入):顾名思义,就是要显示的标签。它是可选的

• options(输入):包含所有可以选择的选项的数组。这是必需的

• multi(输入):如果用户可以选择一个或多个选项,则启用此选项。它是可选的

• selected(输出):选择元素时触发的事件。它返回所有选定元素的数组(可以是一个或多个)。