Angular项目报错：无法绑定到'zIndex'，'ng2-dropdown-menu'无此属性

刚碰到这个报错？别担心，这是Angular开发中组件属性绑定的常见问题，结合官方给出的指引，你可以按下面的步骤逐一排查解决：

• 确认组件已纳入当前模块：如果ng2-dropdown-menu是Angular组件，且它确实应该具备zIndex输入属性，那你得检查这个组件是否已经被正确声明或导入到你当前使用它的模块中。比如在你的模块文件里，要确保它出现在declarations数组（自定义组件）或者imports数组（第三方模块导出的组件）里。

• 处理Web Component场景：如果ng2-dropdown-menu是Web Component而非Angular原生组件，你需要在该组件所属的@NgModule的schemas数组中添加CUSTOM_ELEMENTS_SCHEMA，以此让Angular忽略对Web Component属性的校验。示例代码如下：

  import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { YourTargetComponent } from './your-target.component';
  
  @NgModule({
    declarations: [YourTargetComponent],
    imports: [CommonModule],
    schemas: [CUSTOM_ELEMENTS_SCHEMA]
  })
  export class YourModule { }
  

• 允许任意属性（应急方案）：如果你只是想快速屏蔽这个错误提示（不推荐长期使用，因为会掩盖其他潜在问题），可以在@NgModule的schemas里添加NO_ERRORS_SCHEMA，这样Angular会忽略所有未知的属性和元素。示例代码：

  import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import { YourTargetComponent } from './your-target.component';
  
  @NgModule({
    declarations: [YourTargetComponent],
    imports: [CommonModule],
    schemas: [NO_ERRORS_SCHEMA]
  })
  export class YourModule { }
  

内容的提问来源于stack exchange，提问作者Ali Razmjo