angular-components - 具有名称绑定(bind)的 Angular UpgradeComponent

Question

我使用 UpgradeComponent 来使用 Angular 5 中的 AngularJS 组件。AngularJS 组件有一个名为“名称”的绑定(bind)，它与 UpgradeComponent 上的私有(private)变量冲突。

有没有简单的方法解决这个问题？

Answer 1

不幸的是，似乎没有一个简单的解决方案。

Typescript 会阻止您访问父类的私有(private)属性。解决这个问题会破坏将变量设置为私有(private)的目的。如果您将子类的名称属性也更改为私有(private)，则警告将更改为“类型具有单独的属性“名称”声明”。他们正在阻止这种情况的发生，因为在编译代码中，您总是首先获得在子类上声明的属性 - 如果您在子类中提供自己的值，您将无法访问如果您实例化了基类。

在这种特殊情况下，UpgradeComponent 使用“名称”属性来存储您传递给构造函数中的 super() 调用的选择器名称。事后用你自己的本地属性覆盖它可能会导致不需要的行为。因此，为防止这种情况发生，Angular 团队将该变量标记为私有(private)，这样您就无法覆盖它。

这是一个 Typescript Playground，可用于查看编译代码中实际发生的情况:Playground

在这种情况下，我认为最好的办法是在 Angular 1.x 组件上创建一个新属性，您可以将其用作无法覆盖的 name 属性的别名。