【问题标题】:Load css file after page load to apply animations angular 4页面加载后加载css文件以应用动画角度4
【发布时间】:2018-02-24 08:08:40
【问题描述】:

在我的 Angular 4 项目中,我在 css 文件中添加了动画,并在元素上添加了类以在页面加载时应用动画,现在它不适用于第一页加载,并且应用程序需要时间来加载,而 css 在两者之间应用一次页面已完全加载,然后它们工作正常,但我希望它们在第一页加载。

一种解决方案是在应用加载后加载动画文件,但不知道该怎么做。

第二种方法是使用 javascript 在页面加载时添加类,但这需要时间并且需要针对不同组件的代码。

有办法吗?

任何帮助都是可观的。

【问题讨论】:

    标签: css angular animation


    【解决方案1】:

    您也可以直接在 index.html 中的<style> 标签内添加样式,或者直接在元素标签上添加样式作为内联样式。 因此样式将在页面完全加载之前加载,因此可以提前应用。

    【讨论】:

    • 感谢@Vega,它的方式比以前更好,我可以看到动画,但仍然需要找到一种在页面加载后加载样式文件的方法,也许我可以使用打字稿注入它们但不能确定方法。
    • 您希望在加载后加载另一个样式表还是同样的?不是已经加载了,为什么要重新加载?应用组件样式表怎么样?
    • 是的,我有几个样式表用于不同的目的,我不能将它们绑定在一个组件中,它们会被多个使用,因此尝试在应用加载后根据条件加载它们。
    • 如果你使用 angular cli,你可以将所有样式表添加到 "styles": [] 列表中,它们将被捆绑
    • 我可能误解了最后一条评论,但是您可以在组件上使用带有多个样式表的 stylesUrls[] 吗?
    猜你喜欢
    • 2020-03-18
    • 1970-01-01
    • 2020-04-20
    • 2020-01-23
    • 2015-03-29
    • 2018-08-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多