两种方法

1 通过*ngif动态加载要数据渲染的dom

2 通过路由导航resolve

第一种感觉太麻烦了，要是一个页面请求多个接口，那就不得不写多个*ngif,本人还是更倾向与第二种发法

具体步骤：

1>写服务

2> 写resolve

3>修改要显示页面的路由，添加resolve属性

4>修改组件

直接在ngOnInit 中获取从导航中拿到的数据在this.route.data中，详细请console.log(this.route)查看

												


											
angular异步获取数据后在ngOnInit中无法获取，显示undefined解决办法的更多相关文章
	

    
								
  1. 安装swoole redis异步 hiredis swoole扩展加载失败 或者不显示问题 解决办法
		
    当前办法仅供参考 贴上报错 找了好久 根据网上办法也试了 没解决 最后 仔细读问题 觉得可能是 hiredis路径问题 终于解决了 解决办法: 进入你的安装包目录然后执行下面 mkdir /usr/l ...
    
		
    2. 
						
  2. ajax异步获取数据后动态向表格中添加数据(行)
		
    因为某些原因,项目中突然需要做自己做个ajax异步获取数据后动态向表格中添加数据的页面,网上找了半天都没有 看到现成的,决定自己写个例子 1.HTML页面 <!doctype html>  ...
    
		
    3. 
						
  3. 前端技术之：如何在vuex状态管理action异步调用结束后执行UI中的方法
		
    一.问题的起源 最近在做vue.js项目时,遇到了vuex状态管理action与vue.js方法互相通信.互操作的问题.场景如下图所示: 二.第一种解决方法 例如,我们在页面初始化的时候,需要从服务端 ...
    
		
    4. 
						
  4. python连接mysql数据表查询表获取数据导入到txt中
		
    import pymysql'''连接mysql数据表查询表获取数据导入到txt中'''#查询结果写入数据到txtdef get_loan_number(file_txt): connect = py ...
    
		
    5. 
						
  5. python matplotlib plot 数据中的中文无法正常显示的解决办法
		
    转发自:http://blog.csdn.net/laoyaotask/article/details/22117745?utm_source=tuicool python matplotlib pl ...
    
		
    6. 
						
  6. 在vue中使用 layui框架中的form.render()无效解决办法
		
    下面简单介绍在vue中使用 layui框架中的form.render()无效解决办法. 原文地址:小时刻个人技术博客 > http://small.aiweimeng.top/index.php ...
    
		
    7. 
						
  7. iOS 学习笔记二【cocopods安装使用和安装过程中遇到的问题及解决办法】【20160725更新】
		
    在osx 10.11之前cocopods问题不多,但是升级到11之后的版本,之前的cocopods大多用不了,需要重新安装,对于我这种使用测试版系统的技术狂来说,每次都需要重新安装很多东西, 当然,c ...
    
		
    8. 
						
  8. C#中thrift 中THttpHandler 传输数据 慢 slow 解决办法
		
    1. 在用c# 写thrift的服务端,来相应http请求,在用结构体传输时,会遇到一个问题,就是(在用网络)传输数据特别慢, 这是由于在发生数据是用的TStreamTransport 导致每传一个数 ...
    
		
    9. 
						
  9. windows10中git-bash闪退的解决办法
		
    windows10中git-bash闪退的解决办法 出现错误详情 Windows10 64位专业版安装git .18之后出现 Git闪退,报错信息:bash: /dev/null: No such d ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. idea在使用git clone 时出现Filename too long
			
    idea在使用git clone 时出现Filename too long的报错信息,使用如下命令就可以解决该问题:在 git bash命令模式下,运行命令 git config --global c ...
    
			
    2. 
						
  2. win10如何删除自己设置过的头像
			
    把      %appdata%\Microsoft\Windows\AccountPictures  输入到地址栏  然后删除你想删除的照片即可
    
			
    3. 
						
  3. Oracle 优化SQL
			
    https://www.cnblogs.com/ios9/p/8012611.html 1.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2 ...
    
			
    4. 
						
  4. web编辑器的使用比较
			
    一开始测试的时候发现都还可以,只是出于后续考虑,选择了ckeditor,但是有时候会莫名出现Cannot read property 'XXX' of undefined,如下: Uncaught T ...
    
			
    5. 
						
  5. Can not add Newtonsoft.Json.Linq.JValue to Newtonsoft.Json.Linq.JObject.
			
    https://blog.csdn.net/zhouyingge1104/article/details/83307637 C#项目中使用NewtonSoft.json,报错提示: Can not a ...
    
			
    6. 
						
  6. 【E2EL5】A Year in Computer Vision中关于图像增强系列部分
			
    http://www.themtank.org/a-year-in-computer-vision 部分中文翻译汇总:https://blog.csdn.net/chengyq116/article/ ...
    
			
    7. 
						
  7. Python3基础 二、八、十、十六进制数的定义
			
             Python : 3.7.3          OS : Ubuntu 18.04.2 LTS         IDE : pycharm-community-2019.1.3    ...
    
			
    8. 
						
  8. mysql 中 int 等类型如何选择
			
    详见:https://blog.csdn.net/samll_snail/article/details/86534719 .
    
			
    9. 
						
  9. Red Hat Enterprise Linux ISO 全镜像下载
			
    1.iso网盘下载地址:https://wanghualang.pipipan.com/dir/13133650-26232498-a8efb3/ 2.中国大陆开源镜像站汇总,企业贡献: 搜狐开源镜像 ...
    
			
    10. 
						
  10. 存储Flash--NOR flash和 Nand flash
			
    flash是存储芯片的一种,通过特定的程序可以修改里面的数据.FLASH在电子以及半导体领域内往往表示Flash Memory的意思,即平时所说的“闪存”,全名叫Flash EEPROM Memory ...
    
			
    11.