Angular 组件-私有成员访问

如何解决Angular 组件-私有成员访问

考虑以下简单的 Angular 组件：

@Component({
  selector: 'my-component',template: `
    <div>Text: {{text}}</div>
  `
})
export class MyComponent {
  text = 'I should only be modified by the code of this component.';
}

从组件的 API 中隐藏成员 text 同时保留模板的访问权限的正确做法是什么？

---

也就是说，text 不应通过以下方式访问：

• 子类代码：class MySubComponent extends MyComponent（无法读/写 this.text）
• 引用 MyComponent 实例的外部代码：
  • @ViewChild('mycomp') myComp: MyComponent;（无法读/写 this.myComp.text）
  • @input() myComp: MyComponent;（无法读/写 this.myComp.text）
  • <div>{{myComp.text}}</div> 在除 MyComponent 自己的模板之外的任何模板中（myComp 是 MyComponent 的实例和该模板对应的 typescript 类中的一个可访问字段）立>

以下是我对此事的一些问题：

1. 能做到吗？如果不是，那么在这方面被广泛接受的做法是什么？

2. 如果模板使用的所有成员都应该声明为公开的，是否有合理的理由？

3. 如果不能对上述所有情况都这样做，那么使用 protected 来禁止除子类之外的任何访问是否正确和可接受？或者在任何地方都使用 protected 会产生误导，错误地表明组件是要扩展的吗？我们可以声明不可扩展的类吗？

4. 我们是否应该将 text 声明为 private 并创建访问器方法 getText 和 setText？或者这会创建太多样板代码？引入双向绑定的问题？降低应用的性能（直接绑定与 get/set 调用）？

5. 关于禁用对 Angular 组件成员的 hackish 直接访问的任何其他建议，这些成员不打算被外部代码摆弄？