如何为基于打字稿的数据绑定语法编写静态代码分析器？

问题描述

我有一个 Web 应用程序，它使用带有淘汰数据绑定语法的 html 标记。一个典型的片段是这样的：

    <div>
        <span class="label">Team:</span>
        <span class="value text">{{team_Name}}</span>
    </div>

或等效地：

    <div>
        <span class="label">Team:</span>
        <span class="value text" data-bind="text: team_Name"></span>
    </div>

并且 team_Name 在 Typescript 中的模型对象上定义为：

interface Model 
{
    ...
    team_Email: string;
    team_Grade: number;
    team_ID: number;
    team_Name: string;
    ...
}

我的问题是我没有能够理解这种语法或相关类型的文本编辑器。在运行时，knockout 将一些 javascript 对象绑定到我的 html 文档并完成所有绑定，但是如果有任何拼写错误，比如我输入 teamName 或 team_name 而不是 team_Name，它会导致一个错误，但直到运行时。更糟糕的是，如果我想将 team_Name 更改为 teamName，它可能会破坏我前端代码中的任何地方，除非我碰巧对所有这些地方进行了回归测试，否则我不会知道它。

所以我试图找到一种方法来编写一个静态代码分析器，它可以检查我的标记和打字稿模型对象并识别标记和模型对象之间的任何不匹配。

这怎么可能？

（否则，以编程方式创建页面和模型对象并进行绑定并记录发生的任何错误可能就足够了，但我也不知道如何执行此操作。）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）