Приложение Angular не работает при переходе на Python Flask

Не уверен, какую информацию дать, поэтому сделаю все, что в моих силах.

В настоящее время у вас есть приложение Angular, работающее на IIS и использующее Classic 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.info(attr.widthSetter);

Я получаю список, например:

  • я бы
  • Дата начала
  • Дата окончания
  • и т.д

Затем я получаю сообщение об ошибке для каждого из них, который был успешно зарегистрирован в консоли. Когда я сделал console.info в приложении Classic ASP, я получил тот же первый список, но (очевидно) вместо второго списка ошибок я получил второй список, идентичный первому.

Спасибо,

PS

🤔 А знаете ли вы, что...
Python имеет богатую стандартную библиотеку, включая модули для работы с текстом, файлами и сетями.


36
1

Ответ:

Решено

Python flask использует шаблоны Jinja, которые используют {{}} то, что AngularJS также использует, поэтому {{ '{{ variable_name }}' }} в соответствующих местах решил мои проблемы