两种方法

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. _nl_intern_locale_data:   Assertion `cnt < (sizeof (_nl_value_type_LC_TIME) / sizeof   (_nl_value_type_LC_TIME[0]))' failed
			
    在Ubuntu18上使用交叉编译工具,报这个错.研究之下发现,工具的绝对路径过长,ubuntu18对其优化,修改路径,导致报错. 使用命令:export LC_ALL=C
    
			
    2. 
						
  2. OpenTK学习笔记(1)-源码、官网地址
			
    OpenTK源码下载地址:https://github.com/opentk/opentk OpenTK使用Nuget安装命令:OpenTK:Install-Package OpenTK -Versi ...
    
			
    3. 
						
  3. RSA前台加密后台解密
			
    RSA解密时BadPaddingException java rsa 解密报:javax.crypto.BadPaddingException: Decryption error Java安全架构__ ...
    
			
    4. 
						
  4. 利用detours写了一个工具用于instrument任意指定dll的任意指定函数入口
			
    目录 wiki Disas Dtest Simple withdll load一个dll到指定进程 tracebld显示相关进程涉及的文件读写操作 My Instrumentation tool: w ...
    
			
    5. 
						
  5. PhpStorm使用sftp实现代码自动上传服务器
			
    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/huihui940630/article/ ...
    
			
    6. 
						
  6. 执行buildman --fetch-arch arm提示"urllib2.URLError: <urlopen error [SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed (_ssl.c:581)>"如何处理？
			
    答: 在uboot源码的tools/buildman/toolchain.py中取消证书验证,修改内容如下: diff --git a/tools/buildman/toolchain.py b/to ...
    
			
    7. 
						
  7. 基于ifc数据的bim模型吊装模拟-1
			
    基于ifc数据的bim模型吊装模拟-1 IfcWallStandardCase    IfcColumn
    
			
    8. 
						
  8. 泡泡一分钟：Learning Motion Planning Policies in Uncertain Environments through Repeated Task Executions
			
    张宁  Learning Motion Planning Policies in Uncertain Environments through Repeated Task Executions 通过重 ...
    
			
    9. 
						
  9. Spring cloud微服务安全实战-7-5配置grafana图表及报警
			
    先过一下grafana的配置文件 grafana的配置文件. 右键服务的地址.发信人 账号 和面等 配置要连到prometheus上. 登陆的密码是多少,第二行是不允许用户注册. dashboard. ...
    
			
    10. 
						
  10. 【449】Win10 蓝牙耳机链接没有声音
			
    Exhausting,当电脑出现问题的时候!!! 问题描述:蓝牙耳机连接上了电脑,但是通过右下角声音按钮无法选择蓝牙耳机的选项??? 解决方案:在声音按钮处点击右键,选择最下面的菜单“troubles ...
    
			
    11.