Angular2跨组件传值：直接访问公共变量是否合规？

首先明确：你直接通过CompA.V1访问CompB公共变量的方式，在语法层面是被Angular允许的——这本质是TypeScript类的公共属性访问行为，Angular框架本身并没有禁止这类操作。

为啥官方文档很少提及这种方式？ #

• Angular官方一直倡导组件封装和单向数据流的设计原则，直接访问其他组件的公共属性会打破这种封装性。组件的内部状态应该尽可能对外隐藏，只通过明确的约定接口（比如@Input/@Output、共享服务、RxJS主题）与外部交互，这样能让组件行为更可预测，代码更易维护、更易测试。
• 官方文档的侧重点是框架推荐的最佳实践，而直接访问公共变量属于更底层的TypeScript特性，并非Angular特有的组件通信方案，所以不会作为主流方案被重点提及。

是否适合用于访问敏感信息？ #

绝对不适合。公共属性没有任何访问限制，任何能获取到CompB实例的代码都可以直接读取甚至修改这个变量（如果它是可变状态），完全没有安全性可言。敏感信息很容易被意外泄露、篡改，甚至被恶意逻辑利用。

额外建议 #

如果需要在CompA和CompB之间共享数据，更稳妥的方案是：

• 若为父子组件关系，用@Input/@Output配合EventEmitter实现数据传递与事件通知；
• 若为无直接关联的组件，或需要跨组件共享状态，使用Angular单例服务（通过服务中的Subject/BehaviorSubject传递数据）；
• 始终遵循单向数据流原则，尽量避免组件间直接引用实例，减少代码耦合度。

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