迁移到 Python Flask 时 Angular 应用程序不工作

Question

不确定要提供什么信息，所以我会尽我所能。

目前有一个 Angular 应用程序位于 IIS 上并使用经典 ASP。 一切正常。 有一个下拉列表可以获取一些 JSON，然后填充一个表。

现在，我已将其移至 Flask。 当我选择一个下拉列表并填充表格时，我收到一条错误消息：

TypeError: Cannot read properties of null (reading 'clientWidth')

代码如下

app.directive('widthSetter', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
            $timeout(function () {
                var el = attr.widthSetter + '_top'
                element.css({ 'min-width': document.getElementById(el).clientWidth + 'px' }) // ERROR HAPPENS HERE
                scope.$apply();
            });
        }
    }
});

我对 Angular 的了解非常有限。 但是，我看不出从 Classic ASP 到 Flask 发生了什么，才能实现这一点。

最初加载应用程序时没有 JS/Python 错误。 就在这一特定动作发生时。

上面的代码片段看起来像是试图设置表格列/标题的宽度。 当我检查代码时，我可以看到以下内容

<th id="id_top" ng-repeat="heading in dimensionDataHeading" ng-bind="heading | underscores" ng-if="$index < dimensionDataHeading.length-3" class="ng-binding ng-scope">id</th>

有没有人有任何建议？ 表格被填充，但宽度设置不正确，推测是由于上述原因。

如果我添加

console.log(attr.widthSetter);

我得到一个列表，例如：

• ID
• 开始日期
• 结束日期
• ETC

然后，对于每个成功登录到控制台的错误，我都会收到错误消息。 当我在 Classic ASP 应用程序中执行 console.log 时，我得到了相同的第一个列表，但（显然）不是第二个错误列表，而是第二个与第一个相同的列表

谢谢，

附言

Answer 1

Python烧瓶使用使用{{}}的Jinja模板，AngularJS也使用{{ '{{ variable_name }}' }}在相关地方解决了我的问题