Angular基于信号的组件：如何使用组件装饰器的signals: true属性？

Angular 16.2.0 中的基于信号的组件属于实验性特性，默认处于关闭状态，这就是你直接在@Component装饰器里添加signals: true会报“属性未被识别”错误的原因。你需要通过配置开启该实验特性，具体有两种方式：

方式一：修改 angular.json 永久开启 #

找到项目根目录下的angular.json文件，分别在build和serve的options节点中添加experimentalFeatures配置：

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
    // 保留原有配置
    "experimentalFeatures": {
      "signalsComponent": true
    }
  }
},
"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "options": {
    // 保留原有配置
    "experimentalFeatures": {
      "signalsComponent": true
    }
  }
}

方式二：通过 CLI 命令临时开启 #

启动开发服务器时，直接添加实验特性参数：

ng serve --experimental-features=signalsComponent

如果是构建生产包，使用：

ng build --experimental-features=signalsComponent

开启特性后，你提供的组件代码中的signals: true就能被正常识别，组件内的信号（比如示例中的count()）也会按预期响应式工作。

注意：实验性特性仍在迭代优化中，API 可能在后续版本发生变更，正式生产项目建议谨慎使用。

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