两种方法

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. mysql性能测试-------重要！！！
			
    我们在做性能测试的目的是什么,就是要测出一个系统的瓶颈在哪里,到底是哪里影响了我们系统的性能,找到问题,然后解决它.当然一个系统由很多东西一起组合到一起,应用程序.数据库.服务器.中中间件等等很多东西 ...
    
			
    2. 
						
  2. JavaScript工具类（三）：localStorage本地储存
			
    localStorage Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加.删除.修改.查询操作.  ...
    
			
    3. 
						
  3. 关于Linux中nohup.out日志过大问题
			
    背景,java项目,一般在运行JAVA程序时需要用到nohup命令来实现后台启动日志,默认保存在当前目露nohup.out文件.但是有些程序输出nohup文件会出现过大的情况. 在此解决如下: 1,在 ...
    
			
    4. 
						
  4. visual studio(vs)初始化
			
    cmd 进入到 devenv.exe 所在目录 执行一下命令 devenv.exe /setup /resetuserdata /resetsettings
    
			
    5. 
						
  5. debug console不见了
			
    点击左侧这个标志.
    
			
    6. 
						
  6. 2-4 【接口Interface Flex布局】让顶部导航滚动
			
    可以把复杂的类型做命名.例如接口中没有定义年龄,在定义person的时候 如果写了age那么就会报错.因为我们接口中并没有定义年龄. 可选属性,只读属性 新的布局方式 下面这里menu设置类型为Top ...
    
			
    7. 
						
  7. kexue shangwang002
			
    需先搭建 openvpn 海外服务端, 具体参考 https://www.cnblogs.com/weifeng1463/p/11041550.html 选择阿里云华东ecs 搭建openvpn 的客 ...
    
			
    8. 
						
  8. 常用gem
			
    rails_db better_errors awesome_print web-console irbtools binding_of_caller awesome_rails_console
    
			
    9. 
						
  9. DB2执行计划分析
			
    多表连接的三种方式详解 hash join.merge join. nested loop 项目中的SQL执行效率太低,就用执行计划看一下执行SQL,看不懂,百度一下,纪录下来: 大多数人从来没有听说 ...
    
			
    10. 
						
  10. Mongodb CPU占用率达90%的优化调整报告
			
    1问题描述 1.1现场的数据库部署情况 服务器基本情况如下: CPU 20逻辑核,40线程 内存 64 G 硬盘 D盘 :1T SSD E盘:3T SATA F盘:3T SATA 在这台机器上同时部署 ...
    
			
    11.