有什么方法可以知道 html 模板中有哪些属性/变量可用？

Question

有什么方法可以知道 Angular 的 html 模板中有哪些属性/变量可用？ 我试过 {{ 这个 | json }} 出现错误。

我使用 json 表单 (https://jsonforms.io/)，我有这个模板用于我的自定义渲染器

<div class="row">
  <div class="col-md-3 xyz">
    <span class="text-info text-open">{{ description }}</span>
  </div>
  <div class="col-md-8 zyx">
    <span class="text-open-content">{{ data }}</span>
  </div>
</div>

我只是偶然键入了这些变量 description 和 data，它给了我它们的值，但是没有关于这些属性的文档，我只是没有了解这些价值观从何而来。 我需要一种方法来了解我的模板可以使用哪些变量/属性。

在我的 ts 文件中没有描述和数据这样的变量

Answer 1

如果你使用 VS Code，Angular language service extension 在开发 Angular 应用程序时是个不错的选择。