当前位置: 首页 > 网络应用技术

Angular设置通过DOM操作的材料流行风格的替代方法

时间:2023-03-06 18:53:06 网络应用技术

  方案:表单页面,单击按钮弹出窗口,并修改银行订单的规格。因为仓库人员使用它,所以有必要调整输入框的字体以易于使用。

  由于无法直接修改POP -UP窗口的样式,因此SCSS(动态POP -UP窗口,有多个组件调用),因此您计划使用获得DOM和设置的方法。

  PS:由于未保存中间的代码,因此解决了问题,因此在许多尝试替换后删除的代码已删除。

  我首先打开POP -UP窗口,找到所需的输入框,然后在TS文件中获取相应的DOM:

  如果失败,则打印表明,尝试尝试许多不同的类名称和ID名称后,放弃了该方法。

  由于加载了POP -UP窗口,因此我将在POP -UP绑定按钮中获取DOM的操作并设置延迟?

  打印并发现没有变化。即使流行窗口已经完全显示在我面前,我仍然无法得到他的dom

  我与不使用Angular Development的前端同事进行了交流,并同意由于POP -UP窗口属于后载的组件,因此不建议您提前获得它,并且计划使用该窗口监视方法:

  这次与以前不同,我得到的是...

  在收听另一个同事的建议之后,Angular会在加载POP -UP窗口后一次读取SCSS文件?如果您可以在网页中设置样式,则可以根据POP窗口设置样式。

  它没有生效,要么Pop -Up窗口的CSS本身覆盖了我设置的CSS,要么我根本没有阅读它。

  我终于放弃了获得DOM的解决方案,切换到传递参数的方式,并添加了一种新样式来设置内部连接样式:

  在POP -UP组件的TS文件中声明

  HTML文件中的设置:

  最后,达到了期望的效果。实际上,我在途中考虑了这种方法,但是我感到有点愚蠢,而操作DOM(而不是)是多么高。我终于使用这种方法了半个下午。

  原始:https://juejin.cn/post/7099366581951528991