Angular 移动到 Python Flask 时应用无法运行

Angular App Not Working When Moving to Python Flask

不确定要提供什么信息所以我会尽力而为。

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

现在,我已将其移至 Flask。当我 select 下拉菜单和 table 被填充时,我收到一条错误消息:

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 错误。就在这个特定动作发生的时候。

上面的代码片段看起来像是在尝试设置 table cols/headers 的宽度。当我检查代码时,我可以看到下面的内容

<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>

有人有什么建议吗? table 已填充,但宽度设置不正确,推测是由于上述原因造成的。

如果我加上

console.log(attr.widthSetter);

我得到一个列表,例如:

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

谢谢,

PS

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