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

相关内容

热门资讯

透视新版！hhpoker免费透... 透视新版！hhpoker免费透视脚本，wpk有脚本吗，wepoke教程（有挂插件）1.hhpoker...
透视数据！wepoker透视辅... 透视数据！wepoker透视辅助挂，HHpoker开挂辅助器软件（详细辅助详细教程）；最新版2024...
智星德州菠萝插件官网!wpk透... 智星德州菠萝插件官网!wpk透视插件(透视)果然真的有挂(靠谱教程)1、用户打开应用后不用登录就可以...
透视辅助!潮友会app下载安卓... 透视辅助!潮友会app下载安卓辅助软件(辅助挂)原来是有挂(详细辅助可靠技巧)透视辅助!潮友会app...
透视有挂！poker透视挂，德... 透视有挂！poker透视挂，德州辅助app官方最新版本介绍下载（详细辅助透明挂教程）；德州辅助app...
透视规律！wpk辅助插件，we... 透视规律！wpk辅助插件，wepoker透视底牌脚本，介绍教程（有挂辅助）1、操作简单，无需注册，只...
wepoker透视脚本苹果版!... wepoker透视脚本苹果版!pokemmo修改器手机版(透视)确实存在有挂(解密教程)1、很好的工...
透视辅助!免费挂机辅助工具(辅... 透视辅助!免费挂机辅助工具(辅助挂)原来是真的有挂(详细辅助黑科技教程)1、打开软件启动之后找到中间...
透视透视！wepoker作弊软... 透视透视！wepoker作弊软件是不是真的，pokerrrr作弊透视挂辅助开挂教程（详细辅助透明教程...
透视插件！智星德州辅助译码插件... 透视插件！智星德州辅助译码插件靠谱吗，智星菠萝辅助器，黑科技教程（有挂脚本）；智星德州辅助译码插件靠...