angular入门基础教程(六）可延迟视图实现
创始人
2025-02-10 16:34:23
0次

可延迟视图

又可以叫做异步组件，异步组件就是组件在加载的时候不是一次性全部加载，而是当需要的时候再去加载。

实现效果

请添加图片描述

异步组件的写法

需要异步加载的子组件

       
  • Building for the web is fantastic!
    •    
  • The new template syntax is great
    •    
  • I agree with the other comments!
    •

父组件中

  • @defer 不用导入，直接使用即可
    @defer 语法糖有好几种参数写法，大家可以去官网查看。这里，为了能看出效果，我们写了一个延时 5 秒才显示
   
Welcome to Angular!{{name}}
   
下面是子组件的内容
    
5秒后再加载这个子组件
   @defer(on timer(5000)){      }@placeholder {   
正在加载中...
   }@loading (minimum 2s) {   
Loading comments...
   }

这就实现了异步组件。

上一篇：爱写作怎么用-爱写作使用教程

下一篇：Spring

相关内容

热门资讯

黑科技ai代打"德州... 黑科技ai代打"德州aapoker辅助工具"WePoKe有挂吗(本来是有挂)-哔哩哔哩1、首先打开德...
黑科技教学(wpk透明挂)外挂... 黑科技教学(wpk透明挂)外挂黑科技辅助插件(透视)好像真的有挂(黑科技插件)-哔哩哔哩1、这是跨平...
黑科技数据!wpk辅助透视(a... 黑科技数据!wpk辅助透视(ai辅助)太坑了真的有挂(插件教程黑科技辅助)-哔哩哔哩；1、wpk辅助...
黑科技有挂"德州ai... 黑科技有挂"德州ai辅助神器机器人"德州微扑克外挂是真的吗(确实存在有挂)-哔哩哔哩1、该软件可以轻...
黑科技安装!wpk德州胜利跟号... 黑科技安装!wpk德州胜利跟号有关么(ai代打)太坑了真的是有挂(新2025版黑科技细节)-哔哩哔哩...
黑科技软件(aapoker辅助... 黑科技软件(aapoker辅助工具使用教程)外挂透视辅助下载(透视)好像是真的有挂(黑科技辅助)-哔...
黑科技实锤"aapo... 黑科技实锤"aapoker外挂实测"德州ai辅助器(总是是真的有挂)-哔哩哔哩；1、全新机制【aap...
黑科技挂!aapoker德州俱... 黑科技挂!aapoker德州俱乐部(透视)太坑了有挂(详细教程黑科技揭秘)-哔哩哔哩；1、aapok...
黑科技苹果版(wepoke黑科... 黑科技苹果版(wepoke黑科技功能)外挂透明挂辅助挂(透视)都是存在有挂(黑科技插件)-哔哩哔哩1...
黑科技代打"wpk微... 黑科技代打"wpk微扑克辅助工具"来玩德州app苹果下载(确实真的是有挂)-哔哩哔哩；1、下载好来玩...