什么是 ng2-select-compat
ng2-select-compat 是一个针对 Angular 2+ 的 Select 下拉组件。它能让你快速添加一个 Select 功能，同时提供了许多自定义选项。
安装
使用 npm 进行安装：
npm install @perfectlynormal/ng2-select-compat --save
如何使用
引入模块
在需要使用 ng2-select-compat 的模块中进行引入。
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - ----------- - ---- ----------------- ------ - ------------ - ---- ------------------ ------ - --------------- - ---- ------------------------------------- ----------- -------- --------------- ------------ ----------------- ------------- --------------- ---------- -------------- -- ------ ----- --------- - -
简单示例
在组件中使用 ng2-select 组件。
<ng2-select [options]="options"
[(ngModel)]="selectedOption"
placeholder="Select an option"></ng2-select>-- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
--------------------- ---------
----------- -------------------
----------------------------
------------------- -- ---------------------
--
--
------ ----- ------------ -
--------------- ----
------- - -
---- -- ----- ------- ----
---- -- ----- ------- ----
---- -- ----- ------- ----
---- -- ----- ------- ----
---- -- ----- ------- ---
--
-高级示例
在组件中使用 ng2-select 组件，并对一些选项进行自定义。
-- -------------------- ---- -------
----------- -------------------
-------------------
-----------------
---------------------
---------------------- ---- ---------
------------------
--------------------
---------------------
------------------
----------------------------
----------------------------
-----------------------
-----------------
-------------------
-----------------
----------------------------------- -------------------- ---- -------
------ - --------- - ---- ----------------
------------
--------- -----------
--------- -
--------------------- ---------
------- ---------------------------
---------- - -------- - ----------- ---------
---------
----------- -------------------
-------------------
-----------------
---------------------
---------------------- ---- ---------
------------------
--------------------
---------------------
------------------
----------------------------
----------------------------
-----------------------
-----------------
-------------------
-----------------
---------------------------------
--
--
------ ----- ------------ -
-------- - ------
--------- - ------
--------------- ----
------- - ---
---------------- -
------------- - ---------------
-
-------------- -
-------------- - -----
------------- -- -
------------ - --
-------------- - ------
-- -----
-
-------- -
--------------- ---- ----- --------
-
--------- -
--------------- ----- ----- --------
-
-------- -
--------------- ---- ----- --------
-
--------- -
--------------- ----- ----- --------
-
-------- -
--------------- --- -- ----- ------- ---
-
-参考
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663081e8991b448e21af