Mdbootstrap V5 输入边框在 AngularJS 页面(布局除外)中使用时不会出现

Mdbootstrap V5 input borders don't appear when used in AngularJS pages (other than layout)

我正在尝试使用 mdbootstrap 版本 5 重新设计 AngularJS 应用程序中的某些表单。我遇到了输入问题。仪表板页面内部的输入(应用程序是仪表板)没有边框,而主页或布局上的输入有边框。 我在我的布局中添加了 mdb.js 文件,它工作正常。我的假设是事件侦听器在呈现元素之前注册,所以如果这是正确的,我想知道是否有办法在呈现输入元素后以某种方式重新注册事件侦听器或重新计算样式。 here are how my inputs loaded

根据你的描述,我在mdbootstrap自己的文档中找到了这个:

If the input is dynamically loaded on the page, then after displaying it, the initialization should be performed as in the example below.

document.querySelectorAll('.form-outline').forEach((formOutline) => {
  new mdb.Input(formOutline).init();
});

来源:https://mdbootstrap.com/docs/standard/forms/input-fields/