Angular 17中ngx-intl-tel-input组件下拉菜单无法展开求助

环境版本详情 #

• Angular CLI: 17.3.8
• Node: 18.20.2
• Package Manager: npm 10.5.0
• OS: linux x64
• Angular: 17.3.12

背景与已完成配置 #

我尝试导入ngx-intl-tel-input库实现带国家区号的手机号验证，对比过两个相关包：ngx-intl-tel-input和ngx-intl-tel-input-gg，最终选择前者。

package.json依赖配置 #

"dependencies": {
  "google-libphonenumber": "^3.2.38",
  "intl-tel-input": "^17.0.3",
  "ngx-intl-tel-input": "^3.2.0"
}

angular.json样式与脚本配置 #

"styles": [
    "node_modules/ngx-toastr/toastr.css",
    "node_modules/intl-tel-input/build/css/intlTelInput.css",
    "src/styles.scss"
],
"scripts": [
    "node_modules/jquery/dist/jquery.min.js",
    "node_modules/intl-tel-input/build/js/intlTelInput.min.js"
]

模块导入 #

已在App组件对应的模块中导入NgxIntlTelInputModule。

当前问题 #

输入框能正常显示带国旗的样式，也可以输入号码，但点击国旗图标时，国家选择的下拉菜单无法展开。

内容的提问来源于stack exchange，提问作者Kishan Bhola