javascript - Angular 6 - 如何读取特定于 Angular 属性

Question

我有一个组件，我在其上指定了 Angular i18in 属性，如下所示:

<app-text i18n="meaning|description"> DeveloperText</app-text>

我希望能够读取此属性。我曾尝试使用 ElementRef 并访问 nativeElement，但是当我查看源代码时，属性 i18n 不是 DOM 元素的一部分。当我的应用程序启动时，DOM 如下所示:

<app-text _ngcontent-c0=""> DeveloperText</app-text>

那么我可以使用 Angular 框架以某种方式读取这样的属性吗？

Answer 1

在您的 HTML 中:

<app-text #something i18n="meaning|description">DeveloperText</app-text>

在你的 Controller 中:

@ViewChild('something') fred;

您现在有了元素的句柄。如果你这样记录它:

console.log(this.fred);
console.log(this.fred.nativeElement);

您应该找到您感兴趣的属性(property)的值(value)。